問題タブ [css-content]

この効果を得るにはどうすればよいですか：

見出しとして data タグを使用する必要があります。

これが結果です。問題は、スクロールすると:before要素もスクロールすることです。この要素を固定しておく方法はありますか。さまざまなバリエーションを試しましたが、うまくいきません。

ありがとう

CSS 疑似クラスの「コンテンツ」内のテキストを適切な方法で動的に生成したいと考えています。これまでの例で、動作中の jsfiddleを埋めました。この図は、これを達成する方法をよりよく示しています。

これは関連するコードです（フィドルにもあります）：

[の一部] index.php:

[の一部] style.css:

そのコードを次の 2 つの目的で再利用できるようにしたいと考えています。

1. PHPで動的かつ内部的に翻訳します。
2. 同様のスタイルの異なるボタン。

つまり、似たようなボタンを別の名前で作成したり、追加のマークアップなしで翻訳したりできるようにしたいということです。これを適切に行う方法がわかりません。理由は次のとおりです。

• CSS は、コンテンツから分離された固有の .css ファイルにあります。明らかに、これはphpを実行しません。
• インライン スタイル内に CSS 疑似要素を含めることはできません
• JavaScript はありません。これは JavaScript で実現できますが、可能であれば避けたいと思います。

どうすれば達成できますか？CSSを使用する必要があるのは奇妙だと思います

module-content純粋なcssを使用して、クラスの後にURLを設定する必要があります。このコードは機能しませんが、基本的に を に設定する必要がありCustom‌·Linkますcontent: ' ' attr(href);。

Jquery試行の失敗:

アドオン「stylish」のユーザースタイルシートを作成中です。

ページ全体に半透明のダーク ボックスを適用して、夜のブラウジングをサポートします。

私は使用しています：

固定された上にある div を作成します。

これは問題なく機能しますが、サイトに iframe がある場合は、このコードが iframe の HTML に適用され、次のようになります。

これらのソーシャル ネットワーキング ウィジェットは IFRAME に依存しているため、これらのページにコードが繰り返され、作成した半透明のダーク ボックスの二重オーバーレイが作成されます。

望ましい外観は次のようになります。

iframe にはるかに高い z-index を適用し、iframe 内のすべての * の背景色と背景を「白」と「不透明」に指定して、「浮かぶ」ようにするなど、ハックっぽいことを試しました親の html ページの上部にありますが、これは完全には機能しません。私も次のようなことを試しました：

しかし、これも機能しません。同じ効果を生み出すために「html:before」に依存しない方法で私がやろうとしていることを行う方法があるかどうか、またはそれを行う方法があるがそれを持っていないかどうか疑問に思っていますページの iframe の html 内で繰り返します。

私はこれを機能させるために努力を尽くしてきたので、どんな助けも本当に感謝しています. ありがとうございました。

JavaScript または JQuery を使用せずにフォームを設計しようとしています。一連のチェックボックスが含まれています。アイデアは、チェックボックスがオフになっている場合、チェックボックスの後に特定のgifを表示することです。それ以外の場合は、その後に何も表示しません。これは私が持っているコードです:

Chrome では動作しますが、Firefox や IE では動作しないようです。なにが問題ですか？

データ属性に改行を入れることはできますか?

私はこのようなことをしようとしています:

CSS:

HTML

「\a」は CSS の改行であることがわかりましたが、それでもうまくいきません。