爲多個背景元素重寫內聯背景圖像？

-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

爲多個背景元素重寫內聯背景圖像？

回答

相關問題