我有一个带有文字和链接的图片,我希望这样做,以便我可以随意突出显示文字而不会冒被拖动背景图片的风险。
网页已有背景图片,此图片是内容的辅助背景。
我尝试将其设置为内容设置的边界框的背景,但这似乎不可能。如果可能的话,我想设置图像,使其既不会被点击也不会被拖动。
我只有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;}
答案 0 :(得分:0)
您正在寻找用户选择的CSS3属性。
img {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
答案 1 :(得分:0)
你不能只在css中设置背景吗?
#image
{position:absolute;left:635px;top:160px;z-index:2;background:url(image.jpg);}