2014-10-11 37 views
0

为什么在ie7中,大图片猫没有覆盖所有其他图片?为什么在ie7中,大图片猫没有覆盖所有其他图片?

http://jsfiddle.net/8dh8ttsv/ 。 。

这是google chrome截屏
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> 
+1

@TheBlueDog是正确的。有一些CSS当时并不存在,现在确实存在,如果你在8年前编码,你会知道什么可以和不可以使用,并创建回退,然后你可以使用caniuse.com并输入不透明开始。 – Christina 2014-10-11 17:54:16

+0

如何申请ie7使用? – 2014-10-12 02:55:28

回答

0

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

你最好的希望是添加一个通知来通知用户他们的浏览器已经过时,因为IE7已经被大麦使用了。

+0

如何申请在ie7中使用? .... – 2014-10-12 02:57:57

+0

如果您渴望IE7如此糟糕,那么您将不得不将HTML版本降级到HTML4之类的东西。这可以通过更改DOCTYPE来完成。 – starsky135 2014-10-13 20:19:52

+0

另外,请看一下使用head标签内的样式表。 – starsky135 2014-10-13 20:20:31