0

css画像がInternetExplorerに表示されない

ChromeとFirefoxで画像が表示されていますが、InternetExplorerで表示されない理由がわかりません。たぶん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

InternetExplorerで問題を引き起こす何かを示すものはここにはありません。それは私にあなたのコード全体に何か問題があることを私に言います、それはここにうまく翻訳されません。

問題を潜在的に修正するのに役立つ、または少なくとも問題を修正するために一歩踏み出すことができるように何かが変化するポイントに到達するために行うべきことがいくつかあります。

  1. コードを検証する多くの初心者は、コードが正しいことを確認するだけで簡単に修正できる間違いを犯します。W3Cは、問題の修正に役立つ優れたバリデーターツールを提供します。
  2. DOCTYPE宣言の前に何もないことを確認するコードがW3Cの検証に合格したら、DOCTYPE宣言の前に何もないことを確認します。そうした場合、Internet Explorerはクァークズモードと呼ばれるモードになります。これにより、物事が非標準で、実際には予測できない方法でレンダリングされます。

それでも機能しない場合は、コード全体で何が起こっているかを確認できるように、サイトへのリンクを提供する必要があります。

于 2013-03-12T19:29:32.757 に答える
0

ヘッドの終了タグが 2 つあり、ボディの開始タグがありません。最初にあなたの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-12T18:52:02.043 に答える