CSS圖像不顯示在Internet Explorer

CSS圖像不顯示在Internet ExplorerCSS圖像不顯示在Internet Explorer

圖片中展現的Chrome和Firefox，但我不知道爲什麼它不會在Internet Explorer上顯示。也許是一個CSS問題？請幫我解決這個問題。

這是完整的HTML頁面

<style> 
body 
{ 
background-image:url('gradient2.jpg'); 
background-repeat:repeat-x; 
} 
</style> 

    <style> 
    .shadow1 { 
    margin: 7px; 
    background-color: rgb(68,68,68); /* Needed for IEs */ 

    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); 
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); 
    box-shadow: 5px 5px 5px rgba(68,68,68,0.6); 

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; 
    zoom: 1; 
    } 
    .shadow1 .content { 
    position: relative; /* This protects the inner element from being blurred */ 
    padding: 100px; 
    background-color: #DDD; 
    } 
     .style1 {linkcolor: #000000; text-decoration: none; font-weight: bold; font-size: 12; color: #999999; font-family: Tahoma; } 

    </style> 

    </head> 

    <head> 
     <style type="text/css">  
      .pg-normal { 
       color: black; 
       font-weight: normal; 
       text-decoration: none;  
       cursor: pointer;  
      } 
      .pg-selected { 
       color: black; 
       font-weight: bold;   
       text-decoration: underline; 
       cursor: pointer; 
      } 
     </style> 

     <script type="text/javascript" src="paging.js"></script> 
    </head> 

<table id="results"> 
      <tr> 
      </tr> 
<tr> 
<p class="style1">Latest Actress</p> 
<td><a href="actress/wallpaper.php?wallpapers=Sherlyn Chopra" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Sherlyn Chopra/10.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Sherlyn Chopra</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Sherlyn Chopra" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Sherlyn Chopra/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Sherlyn Chopra</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Evelyn Sharma" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Evelyn Sharma/2.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Evelyn Sharma</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Kajal Aggarwal" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Kajal Aggarwal/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Kajal Aggarwal</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Kainaat Arora" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Kainaat Arora/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Kainaat Arora</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Veena Malik" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Veena Malik/8.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Veena Malik</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Sonakshi Sinha" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Sonakshi Sinha/4.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Sonakshi Sinha</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Kareena Kapoor" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Kareena Kapoor/27.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Kareena Kapoor</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Jacqueline Fernandez" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Jacqueline Fernandez/2.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Jacqueline Fernandez</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Deepika Padukone" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Deepika Padukone/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Deepika Padukone</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Chitrangda Singh" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Chitrangda Singh/3.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Chitrangda Singh</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Asin" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Asin/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Asin</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Ameesha Patel" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Ameesha Patel/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Ameesha Patel</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-9.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-8.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-7.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-6.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

</tr> 
</table> 

<div id="pageNavPosition"></div> 
<script type="text/javascript"><!-- 
     var pager = new Pager('results', 2); 
     pager.init(); 
     pager.showPageNav('pager', 'pageNavPosition'); 
     pager.showPage(1); 
    //--></script> 

    </body>

來源

2013-03-12 user1833487

是是RGB圖像？你有鏈接嗎？ – 2013-03-12 18:02:27

房地產原油@Dom – Jawad 2013-03-12 18:02:59

其.JPEG格式 – user1833487 2013-03-12 18:06:01

我看到2個封閉頭部標籤和沒有開放body標籤。我首先開始清理你的html，看看是否有幫助。

即。

<html> 
<head> 
<style> 
body { 
    background-image:url('gradient2.jpg'); 
    background-repeat:repeat-x; 
} 
.shadow1 { 
    margin: 7px; 
    background-color: rgb(68,68,68); /* Needed for IEs */ 

    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); 
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); 
    box-shadow: 5px 5px 5px rgba(68,68,68,0.6); 

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; 
    zoom: 1; 
} 
.shadow1 .content { 
    position: relative; /* This protects the inner element from being blurred */ 
    padding: 100px; 
    background-color: #DDD; 
} 
.style1 {linkcolor: #000000; text-decoration: none; font-weight: bold; font-size: 12; color: #999999; font-family: Tahoma; } 
.pg-normal { 
    color: black; 
    font-weight: normal; 
    text-decoration: none; 
    cursor: pointer;  
} 
.pg-selected { 
    color: black; 
    font-weight: bold;  
    text-decoration: underline; 
    cursor: pointer; 
} 
</style> 
<script type="text/javascript" src="paging.js"></script> 
</head> 
<body> 
<table id="results"> 
<tr></tr> 
<tr> 
<p class="style1">Latest Actress</p> 
<td><a href="actress/wallpaper.php?wallpapers=Sherlyn Chopra" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Sherlyn Chopra/10.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Sherlyn Chopra</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Sherlyn Chopra" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Sherlyn Chopra/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Sherlyn Chopra</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Evelyn Sharma" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Evelyn Sharma/2.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Evelyn Sharma</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Kajal Aggarwal" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Kajal Aggarwal/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Kajal Aggarwal</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Kainaat Arora" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Kainaat Arora/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Kainaat Arora</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Veena Malik" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Veena Malik/8.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Veena Malik</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Sonakshi Sinha" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Sonakshi Sinha/4.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Sonakshi Sinha</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Kareena Kapoor" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Kareena Kapoor/27.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Kareena Kapoor</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Jacqueline Fernandez" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Jacqueline Fernandez/2.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Jacqueline Fernandez</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Deepika Padukone" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Deepika Padukone/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Deepika Padukone</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Chitrangda Singh" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Chitrangda Singh/3.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Chitrangda Singh</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Asin" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Asin/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Asin</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Ameesha Patel" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Ameesha Patel/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Ameesha Patel</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/1.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-9.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 
     </tr><tr> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-8.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-7.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

<td><a href="actress/wallpaper.php?wallpapers=Amrita Rao" target="_blank" class="style1"><img class="shadow1" name="field-name" src="actress/Amrita Rao/amritarao-6.jpgthumb.jpeg" width=260 height=172 /><p class="style1">Amrita Rao</p></td> 

</tr> 
</table> 

<div id="pageNavPosition"></div> 
<script type="text/javascript"><!-- 
     var pager = new Pager('results', 2); 
     pager.init(); 
     pager.showPageNav('pager', 'pageNavPosition'); 
     pager.showPage(1); 
//--></script> 
</body> 
</html>

來源

2013-03-12 18:52:02 achendrick

謝謝親愛的，但notworking再次同樣的問題 – user1833487 2013-03-12 19:14:08

這裏沒有任何東西可以指出會在Internet Explorer中觸發問題的東西。這對我說，你的代碼整體上有問題，這不能很好地轉換到這裏。

有一對夫婦的事情要做，以幫助潛在的解決問題，或者至少讓你的東西改變了，這樣你就可以有進步來解決這個問題的一個點：

驗證代碼很多新手犯錯，很容易被簡單地確保您的代碼是正確的固定。 The W3C provides a nice validator tool來幫助解決問題。
確保沒有之前的DOCTYPE聲明一旦你的代碼通過W3C的驗證，請確保您有DOCTYPE聲明之前，什麼都沒有。如果這樣做，它會將Internet Explorer引入「怪癖模式」中，這會使其以非標準方式渲染事物，而不是真正可預測的方式。

如果它仍然不起作用，那麼您需要向我們提供一個鏈接到您的網站，以便我們可以看到您的代碼作爲整體發生了什麼。

來源

2013-03-12 19:29:32 Shauna

CSS圖像不顯示在Internet Explorer

回答

相關問題