0

これは Google chrome でのみ発生します。chrome 17.0.928 バージョンを使用しています。これは firefox では問題なく動作しますが、google chrome では青い下線が引かれます。

.thumbnail:hover{z-index: 50;text-decoration: none;position:relative;}
.thumbnail span{  position: absolute;background:#000;padding: 5px;left: -1000px;
 border: 0px solid #ddd;visibility: hidden;color: #fff;width:388px;height:190px;text-decoration: none;}
.thumbnail:hover span{ text-align:left;visibility: visible;top: 0;left: 110px;text- decoration:none; 
 top:-120px;-webkit-box-shadow: 0 8px 6px -6px #aaa; -moz-box-shadow: 0 8px 6px -6px   #aaa;box-shadow: 0 8px 6px -6px #aaa;}
.hoverbold {
text-decoration: none;
font-family: verdana;
font-size: 11px;
color: #B09F6E;
} ​

http://jsfiddle.net/NW8Nw/3/

4

4 に答える 4

3

実際、非常に単純です。リンクを別々にスタイルする必要があります。私はそれを取り除きました

.thumbnail a:link {
    text-decoration: none;       
}

a:hovera:visitedおよびについても同じことを行う必要がありa:activeます。

編集:
そして、かなり後になって、1つのセレクターだけでそれを行うことができることに気付きました:

.thumbnail a { text-decoration: none; }
于 2012-07-25T17:58:11.647 に答える
2

リンクの各状態の装飾を削除します

a:link, a:visited, a:hover, a:active
{text-decoration:none;}
于 2012-07-25T17:58:41.810 に答える
2

単に:

.thumbnail a {
    text-decoration: none;
}

ちなみに、タグ<div>内に複数の があります。タグにはインライン要素のみを含める必要があります。<a><a>

于 2012-07-25T18:01:12.160 に答える
0

私は同じ問題を抱えていましたが、可能な解決策が見つからなかったので、これを行いました。

div {
      text-decoration:underline;
      text-decoration-color:white;
    }

ここでは、text-decoration-color と background-color を同じにして、青い下線を非表示にする必要があります。お役に立てれば

于 2017-06-07T03:41:33.403 に答える