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

リンクを段落に入れます。その逆ではありません。リンクはインラインで、段落はブロック レベルのコンテンツです。インライン要素にブロックを配置しないでください。これにより、フッターの問題が解決されます。

画像の周りに点線の境界線を表示するには、ロゴ リンクのスタイルを設定する必要があります。これを行うにはさまざまな方法があります。その 1 つを次に示します。

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

タブを押す前に、結果ボックスのどこかをクリックしてフォーカスの移動を確認してください。

于 2013-10-24T05:17:48.697 に答える