2014-10-11 38 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