文本下劃線顯示下劃線

我似乎遇到了下劃線問題。我有一個框，可鏈接：文本下劃線顯示下劃線

<div class="single_box"> 
    <a href="servicesweprovide.asp"><img src="images/law_enforcement_accreditation.jpg" alt="" /> 
    <p>Law Enforcement<br />Accreditation</p></a> 
</div>

這裏是CSS：

.single_box { 
    width:253px; 
    min-height:170px; 
    float:left; 
    margin:0px 15px 0 0; 
    padding:0px; 
    text-decoration:none; 
} 
.single_box p{ 
    background:url(../images/arrow.png) 92% 50% #0b2e84 no-repeat; 
    font:bold 16px/18px Arial, Helvetica, sans-serif; color:#fff; 
    padding:6px 14px; 
    word-spacing:normal; 
    letter-spacing:normal; 
    font-stretch:normal; 
    cursor:pointer; 
    text-decoration:none; 
} 
.single_box p:hover { 
    background-color:#ffc210; 
    text-decoration:none; 
}

我將它安放JFiddle這裏：http://jsfiddle.net/2EHkp/

我有一種感覺它與我做針對<p>段而不是href。但我無法弄清楚如何定位href而不是<p>。有人可以告訴我我做錯了什麼嗎？

來源

2013-08-20 Frank G.

它不允許使用一個塊級元素（P）內聯元素中（A）。 – LinkinTED

@LinkinTED - [其實，HTML5並非如此。]（http://blog.paciellogroup.com/2011/06/html5-accessibility-chops-block-links/） – Shauna

是的，你說得對，我的評論只有當 LinkinTED

.single_box a {text-decoration:none;}

來源

2013-08-20 17:26:04

這樣做......爲什麼我沒有想到那個:(uggg謝謝！ –

您需要選擇錨點。而不是容器。 http://jsfiddle.net/2EHkp/1/

.single_box a {text-decoration:none;}

這是你有什麼：

.single_box {text-decoration:none;}

來源

2013-08-20 17:26:44

文本修飾是默認的鏈接下劃線。所以，你需要把它們關掉：

.single_box a { 
    text-decoration: none; 
}

來源

2013-08-20 17:28:03

瞄準HREF，您可能需要：

.single_box a{text-decoration:none;}

來源

2013-08-20 17:28:40 ochi

錨鏈接...默認情況下采用，如果你還沒有使用任何CSS強調像文字裝飾：無;

請將您.single_box類下一個額外的類

這裏是我的代碼：

.single_box a{text-decoration:none;}

來源

2013-08-20 17:31:53 Chinmay235

文本下劃線顯示下劃線

回答

相關問題