Hộp bóng trong IE7 và IE8

Question

Tôi muốn triển khai bóng đổ hộp trong IE7 và IE8. Tôi đã thử mọi thứ mà không thành công. Đây là css mà tôi đang sử dụng để áp dụng bóng màu cho một div:

.bright{ 
    position: absolute; 
    z-index: 1; 
    -moz-box-shadow: 0px -3px 55px 20px #147197; 
    box-shadow: 0px -3px 55px 20px #147197; 
    -webkit-box-shadow: 0px -3px 55px 20px #147197; 
    behavior: url(ie-css3.htc); 
} 

Tệp ie-css3.htc này là một giải pháp cho các vấn đề về bóng của IE. Nhưng nó chỉ cho bóng đen, không phải bóng màu. Tôi đã thử:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13); 

Nhưng nó tạo bóng hướng và tôi muốn có bóng tối đa hướng. Cũng đã cố gắng làm mờ bộ lọc nhưng nó cần phải có divs bổ sung mà là unadvisable trong trường hợp hiện tại của tôi. Bất kỳ ý kiến ​​chuyên gia về vấn đề này?

Answer 1

Sử dụng CSS3 PIE, mô phỏng some CSS3 properties trong các phiên bản cũ hơn của IE.

Nó hỗ trợ box-shadow (except for từ khóa inset).

Answer 2

Bạn có thể thử này

box-shadow: 
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000'); 

Answer 3

trong IE8 bạn có thể thử

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')"; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0'); 

caveat: trong IE8 bạn lỏng lẻo phông chữ mượt mà đối với một số lý do, họ sẽ xem xét rách rưới

Answer 4

sử dụng này cho khắc phục sự cố với hộp bóng

filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');