IE7でのインライン要素の背景指定は変？（アイコン追加にて）　ではIE8では？ へのコメント http://www.eight-bits.net/2009/03/26/css3_outside_link_icon/ 日記とか興味のある物事など Wed, 14 Apr 2010 04:06:46 +0000 hourly 1 http://wordpress.org/?v=3.0 J.J. より http://www.eight-bits.net/2009/03/26/css3_outside_link_icon/comment-page-1/#comment-101 J.J. Fri, 27 Mar 2009 17:38:02 +0000 http://www.eight-bits.net/?p=886#comment-101 ＞vantguardeさん 毎度お越しいただいてありがとうございます。 そうなんです。IE8は:notに完全な対応をしていないんですよね。で、content: none;はモダンブラウザの先駆けともいえるWindows用Opera最新版9.64および、Windows用Safari最新版3.2.2、Windows用Google Chrome最新版1.0で動作しないというまったくもって困った状況なんですね。 このあたりもっと「なぜ、そうしなかったのか」という部分も含めて当エントリーも改変した方がいいかななんて思っております。 （まぁCSS3自体正式に勧告されてるわけでもないので、時期尚早かなんて見解もあったりしますが……） ＞vantguardeさん
毎度お越しいただいてありがとうございます。
そうなんです。IE8は:notに完全な対応をしていないんですよね。で、content: none;はモダンブラウザの先駆けともいえるWindows用Opera最新版9.64および、Windows用Safari最新版3.2.2、Windows用Google Chrome最新版1.0で動作しないというまったくもって困った状況なんですね。
このあたりもっと「なぜ、そうしなかったのか」という部分も含めて当エントリーも改変した方がいいかななんて思っております。
（まぁCSS3自体正式に勧告されてるわけでもないので、時期尚早かなんて見解もあったりしますが……）

]]> vantguarde より http://www.eight-bits.net/2009/03/26/css3_outside_link_icon/comment-page-1/#comment-100 vantguarde Fri, 27 Mar 2009 16:40:07 +0000 http://www.eight-bits.net/?p=886#comment-100 おおー、すみません。IE8も入るんですね。 IE8は基本的にCSS2レベルのサポートしかしないので、notは使えないんですよー http://lh3.jp/works/2009/wsdbook/app4 あ、でもこの場合ならempty.pngじゃなくて content: none; でいいですね。 おおー、すみません。IE8も入るんですね。
IE8は基本的にCSS2レベルのサポートしかしないので、notは使えないんですよー
http://lh3.jp/works/2009/wsdbook/app4

あ、でもこの場合ならempty.pngじゃなくて content: none; でいいですね。

]]> J.J. より http://www.eight-bits.net/2009/03/26/css3_outside_link_icon/comment-page-1/#comment-99 J.J. Thu, 26 Mar 2009 16:38:41 +0000 http://www.eight-bits.net/?p=886#comment-99 ＞vantguardeさん コメントありがとうございます。 :notを用いる件についてですが、こちらでも導入を検討していたものの、テストでIE8がnotの動作をしない状態になっているようでした。 無論vantguardeさんの言うように、empty.pngとかほんとスマートじゃないですよ。 何か指定がおかしいのかなぁ…… ＞vantguardeさん
コメントありがとうございます。
:notを用いる件についてですが、こちらでも導入を検討していたものの、テストでIE8がnotの動作をしない状態になっているようでした。
無論vantguardeさんの言うように、empty.pngとかほんとスマートじゃないですよ。
何か指定がおかしいのかなぁ……

]]> vantguarde より http://www.eight-bits.net/2009/03/26/css3_outside_link_icon/comment-page-1/#comment-98 vantguarde Thu, 26 Mar 2009 01:48:04 +0000 http://www.eight-bits.net/?p=886#comment-98 こんにちは。 二つ目の指定ですが、CSS3の:not()を利用するのはいかがでしょうか。 div.post p a[href^='http']:not([href^='http://www.eight-bits.net']):after { ... } こんな感じです。セレクタは長ったらしいんですが、empty.pngよりはスマートであるように思います。 こんにちは。
二つ目の指定ですが、CSS3の:not()を利用するのはいかがでしょうか。

div.post p a[href^='http']:not([href^='http://www.eight-bits.net']):after { … }

こんな感じです。セレクタは長ったらしいんですが、empty.pngよりはスマートであるように思います。

]]>