0

以下は私のコードで、 text-decoration:none を使用しました。しかし、今は動作しますが、まだその下に青い線があります. http://jsfiddle.net/NW8Nw/1/

//CSS

.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;text-shadow:0px 0px 1px #B09F6E;}​

//HTML

 <div  class="thumbnail" style="position:relative;">
        <a href="<?php echo SITE; ?>">
<img src=""  style="border:6px solid #ddd;" height="110" width="140">
<div style="position:absolute;border:0;left:120px;top:90px;">
<img src="http://url.com/play.png" border="0"/>
<span>
<div style="padding-left:20px;">
<b style=" text-decoration:none;">Simply beautiful.</b>
</div>
<div style="padding:20px 0px 0px 20px;">
<b CLASS="hoverbold">EDITOR REVIEW :</b>
</div>
</span>​
4

3 に答える 3

2

text-shadow問題を引き起こしているのはあなたです

.hoverbold {
  text-decoration: none;
  font-family: verdana;
  font-size: 11px;
  color: #B09F6E;
  text-shadow: 0px 0px 1px #B09F6E; /* Remove This */
}
于 2012-07-25T16:55:11.453 に答える
0

リンクは CSS のテキストから分離されているため、リンクをテキストの装飾: なしに具体的に設定する必要があります。

例えば：

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
于 2012-07-25T16:53:58.313 に答える
0

タグを閉じていません。また、text-decoration:none; を適用する必要があります。それが下線の原因であるため、タグに。

于 2012-07-25T16:53:59.247 に答える