为此,我在 IE8 上有一个奇怪的行为
HTML:
<a class='main'>
<img src='http://annawrites.com/blog/wp-content/uploads/2011/04/color-explosion.jpg' />
<div class='layer'> </div>
</a>
CSS:
.main { display: block; position: relative; width: 100px; height: 100px; }
.main img { width: 100px; height: 100px; /*display: none;*/ }
.layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; cursor: crosshair; }
JSFiddle: http: //jsfiddle.net/HLua8/2/(或在IE8中打开)
在 IE8 上,.layer
(即十字光标)仅位于左上角(它将自身最小化为内容,即 3 x
)
我注意到当我设置为时它工作正常.main img
,display:none
但我需要图像
有人可以帮我.layer
在 IE8 上显示它应有的大小吗?(即 100% 宽 50% 高,就像在其他浏览器上一样)