問題タブ [pseudo-element]

私はこの単純なCSSを持っています...

jsFiddle。

Firefox 6では、疑似要素の:before不透明度が正しくなっています。IE8では、不透明度は適用されません。

通常、div作品に不透明度を設定しますが、それは私が望んでいることではありません。

追加してみましたが、効果display: blockがありませんでした。

これを回避することはできますが、 IE8に（そしてさらに言えば）疑似要素のopacityプロパティを尊重させるためのトリックはありますか？:before:after

::-webkit-selectionインターネット上には、WebKit固有のバージョンのセレクター::selectionへの参照がいくつかあります。

たとえば、 http ：//www.quirksmode.org/css/selection.htmlを参照してください（編集： PPKはその後::-webkit-selectionそのページから削除されました）。

ただし、上記のページの例、または自分の例をWebKitベースのブラウザーで動作させることができませんでした。私はもう試した：

• サファリ
  • 1.0
  • 1.2
  • 2.0
  • 3.0
  • 4.0 4.0
  • 5.0
  • 5.1
• クロム
  • 2
  • 6
  • 14

接頭辞のない::selectionセレクターは、とにかくこれらすべてのブラウザーで機能するため、実際には問題にはなりません。しかし、このセレクターのWebKit固有のバージョンへの参照はどこから来たのか疑問に思いました。

誰かがそれを使ったことがありますか？

あなたがウェブサイトを持っていて、画面全体に水平に伸びる派手なピンクのヘッダーを持っているとしましょう。ヘッダーの内側には、中央に配置する必要があり、960pxの固定幅の領域を持つテキストがあります。

x=ピンクの背景行y=黄色の背景行

誰かがパディングのために頻繁にコンテナdivの必要性を却下するための最新のcss（jsなし）ソリューションを持っていますか？

html：

css：

誰かが解決策を持っていますか、おそらく前後に疑似的なものがありますか？だからあなたはただ美しいhtmlを書くことができます：

そしてそれをすべてcssで修正します。

これは基本的な例です。要点は次のとおりです。私はしばしばレイアウトのためだけにdivを使用することになります。ほとんどはパディングです。もちろん、別の背景を設定してトリックを行うこともできますが、おそらく同じ問題と別の背景があるため、これをすべてまとめることについて話します。そして、メインコンテンツなども同様です。

次のようなものがあったらいいのにと思います。

ビューポートのサイズを変更した後、「トリックを実行」してスケーリングします。

カスタムチェックボックスを作成しようとしているので、次のようなものを作成しました：http: //jsfiddle.net/wQdUn/2/

問題は、WebKitベースのブラウザでは<span>、ボックス自体ではなく、コンテンツをクリックしたときにのみチェックボックスが切り替えられるのに対し、Firefoxでは期待どおりの動作が得られることです。

だから私は2つの質問があります：

• 正しい動作（つまり、仕様に準拠している動作）はどれですか？
• 両方のブラウザ（および他のブラウザ...）で必要な結果を得るにはどうすればよいですか？

ありがとう。

今日、この癖に遭遇しました。

http://jsfiddle.net/UJAjD/3/

Firefox 7 と Opera では、灰色のボックスに「次へ」という単語が含まれていることに気付くでしょう。CSS には、そのテキストをコンテナーの外に移動する必要がある text-indent プロパティが含まれています。このページを IE または Chrome で表示すると、本来あるべき姿で表示されます。少なくとも、あなたがそれが示すべきだと思う方法。

これは既知のバグですか? 回避策はありますか?

重複の可能性:
jQuery を使用した CSS の :before および :after 疑似要素の操作

この CSS コードに相当する jQuery を使用したいと思います。

私は素朴に試しまし$('p:before').css('content', 'Intro!');たが、うまくいきません。

jQuery を使用して疑似要素の CSS 変更を行うにはどうすればよいですか?

このフィドルをチェックしてください：http：//jsfiddle.net/dppJw/8/

に疑似要素を使用しましたがbody（これも試してみましたhtml）、オーバーレイがドキュメントの最後まで移動しません（スクロールしてみてください）。

ドキュメント全体にオーバーレイを設定するにはどうすればよいですか？

このCSSが機能しない理由はありますか？

http://jsfiddle.net/6v5BZ/

..このHTMLで？

アイデアは、一致するアンカータグに疑似要素を持たせることです。ただし、画像をラップするアンカータグには適用したくありません。また、のようなものを使用してアンカーをターゲットにすることはできないためa < img、兄弟である画像を見つけることで、：after疑似要素をターゲットにできる可能性があると考えました。

任意の洞察をいただければ幸いです。

接頭辞が二重コロンである疑似要素は初めてです。一部のWebkitのみのcssを使用したスクロールバーのスタイリングについて説明しているブログ記事に出くわしました。疑似要素CSSを個々の要素に適用できますか？

このフィドルでは、divのスクロールバーをカスタマイズしたいのですが、メインウィンドウのスクロールバーはデフォルトのままです。

http://jsfiddle.net/mrtsherman/4xMUB/1/

CSS を使用して画像に素敵なグロー効果を作成する方法を示す、この非常に美しい例を分析しています。

http://jsfiddle.net/necolas/KbNq7/

例のこの特定の行は、次のように述べています。

このメソッドは Firefox 4 でのみ完全な効果を生み出しますが、他のブラウザーは最終的に追いつき、 疑似要素への遷移を適用します。

疑似要素とは？