文本下划线显示下划线

我似乎遇到了下划线问题。我有一个框，可链接：文本下划线显示下划线

<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

文本下划线显示下划线

回答

相关问题