8

この場合、左のリンクにカーソルを合わせると、その右側 (2 つのリンクの間) に小さなダッシュが表示されます。どうすればこれを取り除くことができますか? これは Safari と Chrome の両方で見られますが、これを行うスタイル シートには何も表示されません。

<!DOCTYPE html>
 <html>
 <head>
         <meta charset="utf-8">
         <title>Walls</title>
         <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
         <link rel="stylesheet" href="custo.css">

        <script src="prettyPhoto_compressed_3/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="prettyPhoto_compressed_3/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="prettyPhoto_compressed_3/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</head>

 </head>
 <body>

 <br>
                 <a href="gallery.html">
                 <img src="test.jpg" class="testclass" alt="test" width="170" />
                 </a>

                 <a href="info.html">
                 <img src="test.jpg" class="testclass" alt="test" width="55"  />
                 </a>



 <div class="container-fluid">
 <br>


 </div><!-- .container -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script type="text/javascript" charset="utf-8"> <!--initialize prettyPhoto-->
     $(document).ready(function(){
     $("a[rel^='prettyPhoto']").prettyPhoto();
      });
    </script>


 </body>
</html>
4

2 に答える 2

8

私が見ているのと同じものが表示されている場合 (すべてのスタイル シートを持っているわけではありません)、a画像のタグの下線が表示されています。

text-decoration: none画像リンクを使用してそれを削除できます。

<a href="gallery.html" style="text-decoration: none !important;">

スタイルの最後にある は、すでに強調!importantされている可能性のある css 内のセレクターをオーバーライドするのに役立ちます。!important

もちろん、これは実際には、画像リンクに設定したクラスを使用して行う方が適切です。

于 2013-04-20T05:39:52.483 に答える
4

これは古い投稿ですが、何かに貢献したいと思います。これは、ダッシュ (-) が表示される理由を他の人に説明するのに役立ちます。

これは、a タグ内に空白があるためです。例えば：

<a href="#">
  <i>test</i>
</a>

次のように行を設定する<a href="#"><i>test</i></a>と、ダッシュ/下線は消えますが、一部のツールはコードをフォーマットし、スペースを追加します。そのため、前回の投稿で説明した CSS を使用すると、問題が解消されます。

于 2015-10-16T16:44:00.727 に答える