CSS3 Drop-shadow IE5.5+ Browser Hack
Kategori: Css - d. 30. jan. 2012 - Del på Facebook
Skal der bruges CSS3 dropshadows i et responsivt webdesign der også er crossbrowser-optimeret? Prøv med et lille hack, det gør underværker!...
Er du vild med CSS3′s drop-shadow? Det er jeg! Den gør så mange ting så meget nemmere.
Men lortet virker jo ikke i Explorer!
-Jo… med dette lille hack gør det!
-moz-box-shadow: 10px 10px 20px #000; -webkit-box-shadow: 10px 10px 20px #000; box-shadow: 10px 10px 20px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
Hacket virker til Firefox, Chrome, Safari, IE5.5+ og andre webkit-browsere.
Dvs. den kan bruges i Explorer 5.5 – Explorer 6 – Explorer 7, 8 og 9!
Det er episk! Prøv det!
