0

以下のウェブページの画像は、それぞれのページにリンクしています。IE8とIE9では正常に動作しますが、IE7では動作しません。IE7では、画像にカーソルを合わせると、リンクURLは認識されますが（ブラウザーの左下隅にあるプレビュー）、クリックできませんか？

http://www.signport.co.uk/test/asg_ourwork.php

修正があるかどうか誰か教えてもらえますか？

ありがとう ：）

4

2 に答える 2

0

問題は、TAGSの奇抜さです。

この例では、修正が機能していることがわかります。クロムでは、それはあなたのものとまったく同じように機能します。IE7では、リンクは希望どおりに機能し、ロールオーバーを修正するだけで済みます。

問題：

 <div style="opacity: 1;" class="item">
    <a href="http://www.signport.co.uk/test/asg_ask.php">
    <div class="boxshadow">
        <p>
            <img src="http://www.signport.co.uk/test/Images/thumb_ask.jpg" alt="ASK Italian" height="170" width="300">
        </p>
        </div>
      </a>
</div>

ソリューション

HTML

    <div style="opacity: 1;" class="item">
    <a href="http://www.signport.co.uk/test/asg_ask.php">
        <span class="boxshadow"></span>
       <img src="http://www.signport.co.uk/test/Images/thumb_ask.jpg" alt="ASK Italian" height="170" width="300">
     </a>
</div>

CSS

.projects .item{box-shadow: 0 0 10px 0 black;padding:0;margin:10px;}
.projects a {display: block;height: 150px;margin-bottom: 20px;}
.projects a .boxshadow {position: absolute;z-index: 999999;box-shadow: none;}
于 2013-01-04T10:15:15.383 に答える
0

このソリューションは新しいソリューションです。

CSS

.item a{
   display:block;
   overflow:hidden;
   height:170px;
   -moz-box-shadow:0 0 10px black;
   -webkit-box-shadow:0 0 10px black;
   -o-box-shadow:0 0 10px black;
   -ms-box-shadow:0 0 10px black;
   box-shadow:0 0 10px black;
}

不要なボックスシャドウスパンを削除できます。このコード行を追加するだけでよいように作成しました。

于 2013-01-04T12:21:10.563 に答える