html - 定位多个背景图像

标签 html css background-image

这是我的代码。我想将那个黄色圆圈向右移动(大约 25 像素)。我怎样才能只为第二张图片赋予该样式。

.img_home
{
    background-repeat: no-repeat;
    height: 1000px;
    background-image: url(http://www.spidycode.com/testing/revibe/images/Circle1.png),url(http://www.spidycode.com/testing/revibe/images/Circle2.png);
}
<div class="img_home"></div>

最佳答案

试试这个

.img_home
{
    background-repeat: no-repeat;
    height: 1000px;
    background: url(http://www.spidycode.com/testing/revibe/images/Circle1.png) 25px top no-repeat,url(http://www.spidycode.com/testing/revibe/images/Circle2.png) no-repeat;
}
<div class="img_home"></div>

关于html - 定位多个背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44845418/

相关文章:

css - 在背景图像上定位元素。但是 BG 图像随窗口改变大小。 CSS

html - 图像下的背景颜色在 CSS 和 HTML 中不起作用

javascript - 在具有跨源的 iframe 中设置数据属性值

jquery - 在鼠标悬停状态下从自动生成的下拉列表更改列表项的背景颜色

javascript - 在推送的 Canvas 对象上使用 drawimage() 时出现错误消息,而 preloading() 没有帮助

html - ASP.NET MVC 如何将 html 标签显示为 html?

css - 即使在使用 'collapse in' 类后,div 最初也会折叠

html - 如何定义不同的 CSS 转换而不互相干扰

jquery - 固定标题在视差图像上消失

css - 用 RGBA 颜色覆盖 CSS 渐变?