Html 方框阴影在ie-8中不起作用
嗨,在我的代码框中,阴影对i-e 8不能正常工作 这是我的cssHtml 方框阴影在ie-8中不起作用,html,css,internet-explorer,html5-canvas,Html,Css,Internet Explorer,Html5 Canvas,嗨,在我的代码框中,阴影对i-e 8不能正常工作 这是我的css .lt-ie9 .imageonHover:hover { box-shadow:1px 1px 5px 5px #E7E0E7; border-radius:3px; zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
.lt-ie9 .imageonHover:hover {
box-shadow:1px 1px 5px 5px #E7E0E7;
border-radius:3px;
zoom: 1;
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
}
.imageonHover:hover {
width:100%;
height:100%;
position: relative;
border-radius:3px;
box-shadow:1px 1px 5px 5px #E7E0E7;
-webkit-box-shadow:1px 1px 5px 5px #E7E0E7;
-moz-box-shadow:1px 1px 5px 5px #E7E0E7;
}
当我将鼠标悬停在div上时,文本也会显示阴影。在其他浏览器上,它可以正常工作,但在ie 8上,它不能正常工作,这在旧版本的ie中是模拟的
它支持inset关键字的框阴影。您可能希望使用的框阴影的可能副本来启用IE6-9中的css3内容