在浏览时防止图像移动(使用鼠标)

时间:2015-02-01 10:13:49

标签: css web

当我完成页面时。当它完成。我想以某种方式锁定图像(例如,标题徽标图层 - 尝试一下:http://www.lipanska.cz/移动标题文本EWITA)。在https://www.google.com的另一边,徽标已被锁定,我无法随之移动。

我怎么能锁定它们? 非常感谢你的时间!

2 个答案:

答案 0 :(得分:0)

这是因为Google使用div background-image而另一页使用img标记。后者使用鼠标光标可以拖动。 您还可以使用任何标记阻止拖动,如下所述: Disable dragging an image from an HTML page

答案 1 :(得分:0)

使用背景图片。

演示:



div{
    background:url(http://lorempixel.com/100/100);
    height:100px;
    width:100px;
}

<div></div>
<img src="http://lorempixel.com/100/100"></img>
&#13;
&#13;
&#13;

您无法移动第一张图片,但可以移动第二张图片。