css - 如何在不同的桌面设备上应用相同的背景图像

标签 css background position background-image background-position

如何在不同的桌面设备上为我的图像应用相同的背景图像位置?

这是有背景图片的页面:http://tommywebdesigner.com/Vision%20General.html

这是我的代码:

#vision {
background-attachment: fixed;
background-image: url("/img/lapedrera.jpeg");
background-position: 85% 62%;
box-shadow: 2px 1px 6px 0 #888888 inset;
height: 350px;
margin-top: 35px;
width: 100%;

如果你用这个工具看看http://quirktools.com并粘贴 url,您会看到背景图像在不同的桌面设备中改变了位置,我怎样才能使我的图像在不同的桌面设备中具有与背景图像相同的位置?

希望解释清楚

最佳答案

我不确定我是否正确理解了您的问题。如果您希望图像无论向下滚动多少都显示相同的区域,则必须删除此属性:

背景附件:已修复;

关于css - 如何在不同的桌面设备上应用相同的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12333122/

相关文章:

css - CSS3 是否为 "minimum-size"提供了 "background"属性?

android - Bug 录制视频 android

css - 使用 CSS 定位表格

css - 无论正文的位置如何,如何在页面底部附加一个空的 div

html - 当元素为空时如何删除上边距?

javascript - 使用 querySelectorAll 更新多个元素样式

java - 我的 Android App Java 中的动态透明背景

Android Market,搜索结果位置之谜

jquery - 在 JQuery Mobile 中大写选项

html - 在 DIV/Form 上 Bootstrap 居中处理模式