javascript - 如何使用 jQuery/Javascript 更改同一元素上多个背景图像的位置

标签 javascript jquery

$("#d_header-right-lower li." + navEl).css("background-image","url('/header/bg-nav.png'), url('/header/bg-nav-separate.gif')");
$("#d_header-right-lower li." + navEl).css("background-position","0 13px");
$("#d_header-right-lower li." + navEl).css("background-position","bottom center");
$("#d_header-right-lower li." + navEl).css("background-repeat","no-repeat, no-repeat");

我不需要第二个背景图像(bg-nav-separate.gif)底部中心;有没有办法仅将其应用于第一个背景图像(bg-nav.png)

$("#d_header-right-lower li." + navEl).css("background-position (for first image only)","bottom center");

最佳答案

尝试在单次调用 .css() 时将 background-position 属性的第二个参数设置为 0 13px ,参数之间用逗号分隔,;删除对 .css("background-position") 的第二次调用。请参阅Using CSS multiple backgrounds

.css("background-position","bottom center, 0 13px");

jsfiddle https://jsfiddle.net/rgwnye91/1/

关于javascript - 如何使用 jQuery/Javascript 更改同一元素上多个背景图像的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33559167/

相关文章:

javascript - 滚动时显示 div 并更改行为

javascript - 使用 JQuery 的 nicEditor 和 onchange 事件

javascript - iOS 8.1.3 上的 Bootstrap 模式问题

javascript - 序列化表单并将 ajax 发布到函数

javascript - 删除 node.js 数组中具有相同开头的项

javascript - 如何从数据库中获取数据到javascript文件中并将其存储在数组中?

javascript - 我应该如何为支持和不支持 javascript 的浏览器编写 Jquery Mobile 应用程序?

javascript - "Odd"单击 li 元素时的行为

javascript - 检测特定 div 的任何嵌套元素中的单击事件

Javascript数组变量未定义,在for循环中使用 "i"来访问,但使用绝对值时可用