javascript - 使用javascript定位图像

标签 javascript jquery html css

我有一张背景图片,我想将其放在选择器 #page_wrap 上,但我想将该背景图片重叠在位于其上方的另一个 div 上,重叠大约 20 像素。

我想知道你是如何用 javascript 做到这一点的?

作为 CMS,我无法将图像拆分为 2 并为其上方的 div 使用背景图像,所以我认为使用 javascript 我可以完成此操作,但我忘记了如何去做。

希望能帮到你

亲切的问候

最佳答案

"I would like to overlap that background image on another div which sits above it, by about 20 pixels."

演示:http://jsfiddle.net/wdm954/yADGy/

如果您可以选择只编辑 CSS,我会添加这个...

#page_wrap {
    margin-top: -20px;
    position: relative;
    z-index: 1;
}

如果你必须使用 jQuery,那么试试这个......

$('#page_wrap').css({
    'margin-top' : '-20px',
    'position' : 'relative',
    'z-index' : '1'
});

如果这不是您想要做的,请详细说明。

关于javascript - 使用javascript定位图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5910482/

相关文章:

css - Bootstrap 3 跨多行垂直对齐

javascript - jQuery 不适用于按钮事件

javascript - 单词中每个第一个字符和任何大写字母的正则表达式

javascript - 使用 JavaScript 旋转图标无法正常工作

jQuery - 如何检查哪个元素正在悬停(但不是任何特定元素!)

javascript - 如果插入符位于最后位置,插入符功能将无法正常工作

Javascript 按钮在表单标签中不起作用

javascript - 强制 SWFObject 使用 EMBED 而不是 OBJECT

javascript - 无法使用ajax渲染img标签

php - 如何获取网站的子目录和文件名