0

contentwith を使用し:beforeて、ページへのリンクとしても機能するアイコンを作成するにはどうすればよいですか?

たとえば、私は現在持っています：

.basketBtn a:before 
  {
   content:url('/images/mobile/basketIcon.png');
   position:absolute;
   left:9px;
   top:9px;
  }

画像のbasketIconをクリック可能にする必要がありますが、これは機能しません:

.basketBtn a:before {
   content:<a href="/pages/basket/basket.aspx">url('/images/mobile/basketIcon.png')</a>;
   position:absolute;
   left:9px;
   top:9px;
}
4

1 に答える 1

0

仕様で定義されているように、コンテンツはテキスト コンテンツのみを生成し、 HTML を処理しません。CSS で HTML を生成したくないので、これは理にかなっていますね。

生成されたコンテンツはドキュメント ツリーを変更しません。特に、それはドキュメント言語プロセッサにフィードバックされません (たとえば、再解析のために)。

CSS の目的であるプレゼンテーションに CSS を使用します。

::beforeただし、特定のケースでは、疑似要素が親要素の最初の子である要素を作成するため、あまり問題は見られません。hrefこれは、親アンカーに正しいを割り当てた場合、::before要素が絶対に配置されているかどうかに関係なく、要素が完全にクリック可能であることを意味します。

Working demo

于 2013-04-08T12:04:44.787 に答える