0

これはグラフィックでとても簡単です。各 Web ページの 2 つの異なる位置のグラフィックを単にリストする「外部」CSS ファイルがあります。各ページのコンテナには個別に番号が付けられます (つまり、ID=upper6、lower6、upper7 など)。外部 CSS ファイル (imageref.css) には次のようなリストしかありません#upper6 {background:url(path to graphic) no-repeat;)。

これらは問題なくロードされます。

テキストのブロック (つまり、#uppercaption6、#lowercaption6) でこれを行うことができないのはなぜですか。考えられるすべての順列（背景など）を試しました。

各ページにオーディオ クリップを配置するために同じことをしたいと思います。jQueryを学ぶ必要がありますか? ここでランクの初心者を助けてくれませんか？

リクエストごとに、次のようにジレンマを拡大しました。

問題のページで、最初に CSS と次のようなテキスト ファイルを読み込みます。

<link rel="stylesheet" type="text/css" href="../includes/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="../includes/imageref.css" />

2 番目のファイルは、次のようにフォーマットされているため、単なるテキストである可能性があります。

#upper6 {background:url(../images/phone.png) no-repeat right 0px;}
#lower6 {background:url(../images/writing_utensils.png) no-repeat right 0px;}

. . .

そこにリストされている画像リンクは、HTML のこの時点から呼び出されます。

<figure id="photo_1"><a href="javascript:" onclick="upvis();" >
    <div class="figure_photo" id="upper6"></div></a></figure>

すべての Web ページが問題なく動作します。

質問: ビデオ クリップとテキスト ブロックで同じことを行うにはどうすればよいですか?

これらの領域には同じタイプのリストがありますが、機能しません。

<video class="video-container" preload="none" controls>
    <source class="vid_mp4" id="vid01" />
</video>

また、

<div class="CC_container">
    <div class="closed_caption" id="caption1" ></div>
</div>

「ID」を参照することでグラフィックスや写真を簡単に呼び出すことができますが、ビデオクリップやテキストブロックを呼び出すことはできません。

4

1 に答える 1

0

これは、'content' プロパティを使用して行うことができます。

たとえば、次のことができます。

<div class="CC_container">
<div class="closed_caption" id="caption1" >your dynamic text here: </div>
</div>

.closed_caption:after {
    content : " some text";
}

jsフィドル

うまくいったかどうか教えてください。

于 2013-03-25T21:49:46.727 に答える