Html 在css中使用背景图像时,如何长时间点击以在移动浏览器中识别为图片?

Html 在css中使用背景图像时,如何长时间点击以在移动浏览器中识别为图片?,html,css,Html,Css,我在css中使用背景图像,当我在手机浏览器中长时间点击图像时,通常会弹出显示“将图像保存到手机”,但实际上什么也没发生 我的代码如下: <style> .bg { background-image: url("../images/boy1.jpg"); width: 100%; height: 100%; } </style> <div class="bg"></div> .bg{ 背景图片:url(“../images

我在css中使用
背景图像
,当我在手机浏览器中长时间点击图像时,通常会弹出显示“将图像保存到手机”,但实际上什么也没发生

我的代码如下:

<style>
.bg {
    background-image: url("../images/boy1.jpg");
    width: 100%;
    height: 100%;
}
</style>
<div class="bg"></div>

.bg{
背景图片:url(“../images/boy1.jpg”);
宽度:100%;
身高:100%;
}

我还尝试了
,这次当我长按图像时,它会显示“另存为图片”。但是我想知道同样的事情是否会发生在背景图像上?

我认为这是不可能的。我为此创建了一个肮脏的黑客。如果有正确的方法,我不建议使用它

$(“.bg”).contextmenu(函数(){
$(此)。追加(“”);
});
.bg{
背景图像:url(“https://dummyimage.com/600x400/000/fff");
宽度:200px;
高度:200px;
背景尺寸:包含;
背景重复:无重复;
位置:相对位置;
}
.bg img{
宽度:100%;
位置:绝对位置;
排名:0;
左:0;
}


这很有效!让我们等待一段时间,看看是否有一个正式的方法…@zhm当然,我一直在寻找一个正确的方法来做这件事,但没有找到。此外,我还添加了一个新的标记,如javascript和jquery,因为这是一项客户端工作,可以获得更多帮助。