为多个背景元素重写内联背景图像？

-1

HTML：

<div class="hero" style="background-image:url(/images/<?php echo $hero['image']; ?>)"></div>

CSS：

.hero{ 
    background: 
    url(number.png) 600px 10px no-repeat, 
    url(thingy.png) 10px 10px no-repeat, 
    url(Paper-4.png); 
}

我如何可以覆盖一个新的内嵌背景图像的特定背景（自装一个数据库）？

理想情况下，我不希望再次内联重新声明所有背景。

来源

2016-09-15 panthro

请添加html代码和正确的css代码片段。然后我想知道为什么你有这么多背景的相同元素，当你需要改变其他背景。 – JoelBonetR

已更新问题 – panthro

-1

我想我得到你想要的：使用样式标签并插入（在同一个PHP页面）的CSS。

<style> 
.hero{ 
    background: 
    url(/images/<?php echo $hero['image']; ?>) 600px 10px no-repeat, 
    url(thingy.png) 10px 10px no-repeat, 
    url(Paper-4.png); 
} 
</style>

不要忘记删除html标签上的样式。

这会改变第一个背景。

来源

2016-09-15 11:11:10 JoelBonetR

如何在css中声明多个背景图片？ – panthro

编辑。这是你想要的吗？ – JoelBonetR

如果你想“dinamically”改变一些事件的背景，你必须使用JavaScript或jQuery来达到你想要的断点。否则你必须使用下面的代码（编辑）从数据库加载动态背景。 – JoelBonetR

为多个背景元素重写内联背景图像？

回答

相关问题