問題タブ [css-content]

CSS contentプロパティを使用してHTMLエンティティを追加するにはどうすればよいですか?

このようなものを使用する と、非分割スペースの代わりに画面に出力されます:

Firefox 3.1 がテスト要素で「コンテンツ」の値を返すのに、Safari 4 は返さない理由を理解するのに最も苦労しています。

私のサンプルページは次のように設定されています：

私の JS は getComputedStyle を使用しています。これは、「背景色」などの他のプロパティでは機能しますが、「コンテンツ」では機能しません:

Safari は疑似要素セレクター、:before および :after についてより制限的ですか? 私は :after でテストしましたが、これも失敗しましたが、FF はデータを返すことに成功しました。

私は次のCSSコードを持っています

これは、次のマークアップと組み合わせて使用​​されます。

世界の他のすべての祝福されたブラウザに私のアイコンが表示されていますが、IE8にはこれに問題があるようです。:before疑似要素CSS2ではありませんか？content:CSS2コマンドでもありませんか？何が得られますか？

:afterフィールドでCSS 疑似要素を使用しようとしてinputいますが、機能しません。と一緒に使えばspanOKです。

これでうまくいきます ("buu!" の後、"some more" の前にスマイリーを置きます)。

これは機能しません - someValue を赤で着色するだけで、スマイリーはありません。

私は何を間違っていますか？別の擬似セレクターを使用する必要がありますか?

注:サード パーティ製のコントロールによって生成されているため、 のspan前後にを追加することはできません。input

IEに問題があります（他に何がありますか？）：

背景画像もあるCSSでコンテンツを生成します。私はそのように見えます：

テキストの色は非IEブラウザーで透明ですが、すべてのIEブラウザー（IE6-IE8）で黒であり、表示されます。テキストを透明/非表示にするにはどうすればよいですか？

私はすでに試しました：可視性-不透明度-フィルター-テキストインデント...しかし、それが消えるか（必要な背景で）、属性が適用されないかのどちらかで、彼の仕事は正しく行われませんでした。

リンクを画像の中央に配置しようとしていますが、コンテンツを垂直方向に移動できないようです。

アイコンは22x22pxです

contentCSSプロパティに文字列の代わりに html コードを挿入し:beforeたり:after、次のような要素を挿入したりすることができるかどうか疑問に思っています。

これは非常に便利です...Javascriptを介して行うこともできますが、これにcssを使用すると、本当に生活が楽になります:)

私は次のCSSを使用していますが、これは機能しているようです。

ただし、出力はリテラルであり、実際の文字列を示しているため、文字はこのようにエンコードされているようには見えません。

エンコードできない場合は、エンコードをサポートしているため、jQueryで.append（）などを使用する必要があるように感じます。何か案は？

私は content:cssでプロパティのさまざまな可能な用途に関する最新情報を見つけようとしていますが、2004年かそこらのウェブの古代のダンジョンでしか見つけられないので、2011年にもう一度質問する必要があると思いました:

私は:beforeセレクターとcontent:プロパティの両方に非常に慣れていないため、素敵な女性が非常に創造的に答えたこの質問で偶然それを聞きました。

イメージやスパン タグを使用せずに、CSS を介して UL/LI html リストで箇条書きの色を設定する方法

コンテンツの実際のエンコーディングに関していくつかの問題が発生する可能性があることを確認するためだけに:

li:before{ content: "■" } この特殊文字を電子メールひな形のいじめっ子としてエンコードする方法は?

そして、私の具体的な質問は次のとおりです。 と 以外url()に"text"、他の可能性はありますか?
ご提案やアイデアをいただき、誠にありがとうございます。

このタイプのスタイリングを使用するページを作成しました。

liほとんどの場合、最後の要素を除いて 、要素の前に「/」が必要です。

問題は、Chrome では (私が知る限り)、"/" が存在しないはずなのに、時々ちらつくことがあります。一瞬現れて消えます。

他の誰かがこれを見たり、回避したりしましたか?