0

当您为我的其他内容（如栏和链接）点击标签键时，它应该显示虚线框，但它没有显示在我的页脚和图像上（但标签在上面，只是没有显示虚线框）当我使用firefox时它也有效！

我的html：

<footer>

    <div class = "line">
    <p>CALL US!</p>
    <p>206-555-1212</p>
    <a class"email"  href="mailto:dawgpizzaseattle@gmail.com"><p>Email</p></a>
    <a class="twitter" href="http://twitter.com/dawgpizzasea"><p>Twitter</p></a>
    </div>

</footer>

CSS：

:focus {

    outline: #FFF dotted 2px;
    background-color: #000;

}

.content-box :focus img {

    outline: #FFF dotted 2px;

}

图片：

<a href="index.html"><img class = "logo" src="img/logo.png" alt = "logo"></a>
4

2 回答 2

0

尝试：

footer:focus {

outline: #FFF dotted 2px; background-color: #000;

}
于 2013-10-24T03:24:57.527 回答
0

将链接放入段落中，而不是相反。链接是内联的，段落是块级内容，您不应该将块放入内联元素 - 这将解决页脚问题。

徽标链接必须设置样式以显示图像周围的虚线边框，并且有许多不同的方法可以做到这一点 - 这是一种：

http://fiddle.jshell.net/7Csj4/1/

在点击选项卡以查看焦点移动之前，请务必单击结果框中的某个位置。

于 2013-10-24T05:17:48.697 回答