Question

为什么在ie7中，大图像猫不能覆盖所有其他图像？

这是谷歌浏览器的截图 http://image.ohozaa.com/i/2a6/McxR3d.jpg 。

这是IE7截图

http://image.ohozaa.com/i/g01/jFVjdp.jpg

为什么在ie7中，大猫图像不能覆盖所有其他图像，我该怎么办？

<!DOCTYPE html>    
<html><head></head><body>
    <div style=" width: 94px; height: 94px; float: left; position: relative;">
        <span style="position: absolute; left: 0px; z-index: 999999999;">
            <div style="top: 0px; z-index: 999999999; left: 99px; opacity: 1;">
                <div style="opacity: 1; 
                            position: relative; 
                            z-index: 999; 
                            float: left;">
                    <img src="http://image.ohozaa.com/i/f6f/AJR3oT.png" style=" border: none; width: 200px; height: 200px; ">
                </div>
            </div>        
        </span>
        <span style=" float: left; margin: 7px; width: 80px;">
            <div style=" float: left; height: 80px; ">
                <img border="0" src="http://image.ohozaa.com/i/f6f/AJR3oT.png" width="80" height="80">                
            </div>
        </span>
    </div>

    <div style=" width: 94px; height: 94px; float: left; position: relative;">
        <span style=" float: left; margin: 7px; width: 80px;">
            <div style=" float: left; height: 80px; ">
                <img border="0" src="http://abcfrog.net/wp-content/uploads/2011/12/pig.png" width="80" height="80">                
            </div>
        </span>
    </div>

    <div style=" width: 94px; height: 94px; float: left; position: relative;">
        <span style=" float: left; margin: 7px; width: 80px;">
            <div style=" float: left; height: 80px; ">
                <img border="0" src="http://cupcakes123.com/wp/wp-content/uploads/2010/08/pig-cupcake-v3-200x200.jpg" width="80" height="80">                
            </div>
        </span>
    </div>

    <div style=" width: 94px; height: 94px; float: left; position: relative;">
        <span style=" float: left; margin: 7px; width: 80px;">
            <div style=" float: left; height: 80px; ">
                <img border="0" src="http://3.bp.blogspot.com/-tp3UHm_Gb9o/UfXBMZPChnI/AAAAAAAALYs/Q-vb2f32xoM/s200/pig.png" width="80" height="80">                
            </div>
        </span>
    </div>
    </body></html>

Answer 1

您使用IE7不支持的HTML5 DOCTYPE。支持HTML5的IE的第一个版本是Internet Explorer 9。

您最好的希望是添加通知，告知用户他们的浏览器已经过时了，因为IE7已经被大麦使用了。

为什么在ie7，大图像猫不覆盖所有其他图像？

1 个答案: