1

<a>divをラップしたい。それを追加すると、境界線の色はテキストの色と同じオレンジのままです。

Chrome の開発者ツールでルールを切り替えるとオレンジが黒に変わりますがcolor、ビューアーに同じことを要求したくないのは明らかです。

<a>Block Fuse プロジェクト ボックスのみがこの問題を抱えていることに注意してください。他のボックスにはタグがないため、この問題はありません。

この問題を次の場所で再現しました。

  • Chrome バージョン 23.0.1271.95
  • Chrome カナリア バージョン 25.0.1342.0

関連するhtmlは次のとおりです。

<a href="projects/blockfuse.html">
<div class="project">
    <div class="projectTitle">Block Fuse</div>
    <div class="projectDescription">Block Fuse is a game about knocking as many blocks onto the floor as possible.
        <div class="projectImage"><img class="projectImage" src="images/BlockFuse.png"></img></div>
    </div>
</div>
</a>

関連するcssは次のとおりです。

div.projectTitle {
    text-align: center;
    font-size: 20pt;
    color: #F90;
    padding: 20px 0px 15px 0px;
    font-family: "Arial", "Helvetica", Sans-Serif;
    border-radius: 20px 20px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: black;
    background-color: #444;
}

div.projectDescription {
    height: 310px;
    font-family: "Arial", "Helvetica", Sans-Serif;
    font-size: 12pt;
    color: #EEE;
    text-shadow: 1px 1px 1px #000;
    background-color: #777;
    padding: 17px;
    border-radius: 0px 0px 20px 20px;
}

オレンジ色の下枠を表示すると、タグが付いているため、このプロジェクト ボックスのみがこの問題を抱えていることに注意してください。

私のウェブサイトで試してみてください: http://www.rollingkinetics.com/index.html

4

3 に答える 3

4

a:visitedここでの問題は、セレクターの色を設定する必要があることだと思います。最初は問題に気付きませんでしたが、リンクをクリックした後に見ました。

于 2012-11-30T14:49:09.933 に答える
1

div内にハイパーリンクを配置することをお勧めします。私が経験したように、これはより良い動作になります。
(この場合、リンクは div の子に適用され、外側は追加の a:link 色を取得しません)

于 2012-11-30T14:49:30.317 に答える
0

これを追加するだけで、ハイパーリンクのテキスト装飾をなしにします

a{
  text-decoration:none;}
于 2012-11-30T14:42:36.427 に答える