0

css 图像未显示在 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>
4

2 回答 2

0

我看到 2 个结束头标签，没有开始身体标签。我首先首先清理你的html，看看是否有帮助。

IE。

<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-12T18:52:02.043 回答
0

此处没有任何内容可以表明会在 Internet Explorer 中触发问题的内容。这对我说，您的代码作为一个整体有问题，在这里翻译得不好。

有几件事可以帮助潜在地解决问题，或者至少让您了解一些变化，以便您能够大踏步地解决问题：

  1. 验证你的代码许多新手犯的错误很容易通过简单地确保你的代码是正确的来修复。W3C 提供了一个很好的验证器工具来帮助解决问题。
  2. 确保 DOCTYPE 声明之前没有任何内容一旦您的代码通过了 W3C 的验证，请确保您在 DOCTYPE 声明之前没有任何内容。如果这样做，它会将 Internet Explorer 置于所谓的 Quirks 模式，这将使它以非标准且不可预测的方式呈现事物。

如果它仍然不起作用，那么您需要向我们提供指向您网站的链接，以便我们可以看到您的代码整体上发生了什么。

于 2013-03-12T19:29:32.757 回答