1

私のCSSには次のものが含まれています。

#mainbody a[href ^='http']      {
        background:transparent url('/images/icons/external.svg') no-repeat top right;
        padding-right: 12px;
}

これにより、「http」で始まるリンクの横に「外部」アイコンが配置されます（すべての内部サイトリンクは相対的です）。画像をリンクする場合を除いて、完全に機能します。このアイコンも表示されます。

例：<a href='http://example.com'><img src='whatever.jpg'/></a>画像の横に「外部」アイコンも表示されます。私は必要に応じてこれと一緒に暮らすことができますが、それを排除したいと思います。

これはCSSで実装する必要があります（JSなし）。特別なID、クラス、画像のhtmlでのスタイル設定、または画像の周囲のアンカーは必要ありません。これは可能ですか？

4

2 に答える 2

2

次のいずれかを実行できます：-

  • 画像には相対リンクのみを使用してください
  • 画像のネイキッドドメイン（例： http： //domain.com）にリンクし、外部リンクフィルターをwwwに修正します。httpではなく。

CSSは必要ありません-基本的に、あまり一般的ではないフィルターを使用する必要があります。

于 2012-04-04T15:34:19.097 に答える
2

大文字と小文字が区別されます。画像リンクには、上限付きのHTTP：をすべて使用してください。

于 2012-04-04T16:55:18.057 に答える