文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript:更改一个元素上两个背景图像的backgroundPosition

问Javascript:更改一个元素上两个背景图像的backgroundPosition
EN

Stack Overflow用户

提问于 2013-07-02 04:27:27

回答 2查看 438关注 0票数 0

我的问题:我在body标签上有两个背景图像，一个浮动在左边，一个在右边。左图像的左填充为50px，右图像的右填充为50px。我需要通过javascript (而不是jquery)更改左侧图像的左侧填充和右侧图像的右侧填充。

感谢您的帮助！:)

#body{
      background:url('http://www.w3schools.com/css/w3css.gif') no-repeat 50px 0px,
      url('http://www.w3schools.com/css/w3css.gif') no-repeat top right 50px;
}

javascript

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-02 04:34:01

使用这个

document.getElementById('body').style.backgroundPosition = '150px 0, 100px 0';

第一个150px 0用于左侧图像，100px 0用于第二个图像。

这里有一个小提琴：http://jsfiddle.net/enve/9a32b/

票数 1

Stack Overflow用户

发布于 2013-07-02 04:34:49

给标签一个类似于id="body“的id，

document.getElementById("body").style["padding-left"] = "50px"; document.getElementById("body").style["padding-right"] = "50px";

请参阅this stackoverflow question

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17413080

复制

相似问题

问Javascript:更改一个元素上两个背景图像的backgroundPosition
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:更改一个元素上两个背景图像的backgroundPositionEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:更改一个元素上两个背景图像的backgroundPosition
EN