Safari中的多個背景

此代碼適用於我的Chrome & FF，但由於某些原因，不適用於Safari。但Safari應該是support it。 Safari報告說語法有問題。這可能是真的，但我似乎無法弄清楚。Safari中的多個背景

.frontpage { 
background: url(logo.png) no-repeat center center/50% auto, 
      url(background.png) no-repeat center center/cover; 
}

我需要background.png充當封面和填充頁面的整個背景，而標誌應居中，並有50％&高度自動的寬度。

來源

2013-07-02 sarukuku

設置background-size APPART，避免這種失敗與browsrers尚未成爲舊的，但不再是最新的:)

編輯

.frontpage { 
background: url(logo.png) no-repeat center center, 
      url(background.png) no-repeat center center; 
background-size: 50% auto, 
      cover; 
}

來源

2013-07-02 15:06:31

如何讓我的背景大小：蓋隻影響background.png而不影響logo.png，而仍然有兩個背景堆疊在一起？如果我將它分開並將它添加到下面的兩個圖像開始使用封面模式，它會將背景中的標誌拉長。 – sarukuku

和你背景一樣。（更新了我的答案） –

太棒了，工作！完全不知道可以單獨在每個不同背景屬性中使用逗號分隔列表的事實。謝謝！ – sarukuku

Safari中的多個背景

回答

相關問題