如何讓一個具有多個背景的元素沒有純色與透明PNG混合？

我有一個流體元素（根據分辨率可變寬度）包含綠色背景的文本。在這個元素的每一面，我都有一個使用相同綠色的複雜形狀的PNG圖像。如何讓一個具有多個背景的元素沒有純色與透明PNG混合？

我希望文本在兩邊的PNG上略有重疊。是否有可能只使用多個背景來做到這一點，還是我必須有3個元素並使用絕對定位（複雜）？

2016-11-23 drake035

尋求代碼幫助的問題必須包括在問題本身**中重現它所需的最短代碼**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/）引入可運行的JavaScript-CSS-和HTML的代碼段/）。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

您可以使用background-position css屬性，或者您可以按照規定使用負邊距進行絕對定位。但是，不看你如何編碼它可能取決於它是一個背景圖像還是圖像塊。

來源

2016-11-23 17:06:11 m33bo

但是，如何防止純色「淹沒」PNG的透明區域？ – drake035

你將不得不添加一個背景顏色，所以如果它是一個或者你必須改變你的png到你想要的顏色。否則，將背景顏色添加到正文前面的正文或其他div。 – m33bo

或者使用漸變看看。 – m33bo

如何讓一個具有多個背景的元素沒有純色與透明PNG混合？

回答

相關問題