テキストとリンクを含む画像があり、代わりに背景画像をドラッグするリスクを冒さずに、好きなようにテキストを強調表示できるようにしたいと考えています。
ウェブページにはすでに背景画像があり、この画像はコンテンツの二次的な背景です。
コンテンツが設定されている境界ボックスの背景として設定しようとしましたが、それは不可能のようです。可能であれば、クリックもドラッグもできないように画像を設定したいと思います。
私はhtmlとcssの経験しかありません。
ここに私のコードHtmlがあります:
<div id="bounding">
<div id="backgroundimage"><img src="image.png" width="1010" height="739"></div>
<div id="image"><img src="image.jpg" width="300" height="500"></div>
<div id="text2">
<h2><CENTER>Tital</CENTER></h2>
<h5>Text</h5>
<p>text</p>
<h5>text</h5>
</div>
CSS:
#bounding {position: relative;hight:739px;width:1010px;border:2px;margin-left:auto;margin-right:auto;margin-top:auto;z-index:7;margin-top:40px;}
#image {position:absolute;left:635px;top:160px;z-index:2;}
#text2 {position:absolute;z-index:4;left:100px;top:206px;width:513px;height:455px;padding right:22px;overflow-y:auto;overflow-x:hidden;scrollbar-base-color: #666666; scrollbar-arrow-color: #9ACD32;color: #494949;}
#backgroundimage {z-index:1;}