4

Chromeは「前」の疑似要素を要素の一部として扱っていないように見えます。もっと正確に言えば、CSSの定義があります

.myclass:before{content:"A";}

およびHTMLコード

<a href="blah" class="myclass">B</a>

Chromeでは、結果はハイパーリンク「AB」になりますが、実際にクリックできるのは「B」だけです。FirefoxとOperaでは、「AB」全体がリンクであり、CSS標準を読んだところ、Chromeがここで間違っていることがわかりました。

これがChromeのバグだと思い込んでいますか?シンプルでクリーンな回避策はありますか?

4

1 に答える 1

7

次の方法で回避できるようです。

.myclass {
    display: inline-block
}

http://jsfiddle.net/SUKYw/

Chromeのバグのようです-Safariには同じ問題はありません。

于 2011-06-25T21:05:23.993 に答える