CSS背景僅在Firefox中向一個方向重復
[英]CSS Background repeat round to one direction only in Firefox
問題描述
我想結合使用backround-repeat round和repeat-x 。 在許多不同的網頁上，我都看到background-repeat: round等於background-repeat: round round ，這意味着Round time重復X，而Round time重復Y ，不是嗎？ 這就是為什么我認為round no-repeat寫作只會重復一個方向。
我的代碼向各個方向重復。 我正在使用Firefox 30.0 。
<!DOCTYPE html>
<html>
<body style="background-image: url('bg.png'); background-repeat: round no-repeat">
</body>
</html>
它是特定於瀏覽器的還是如果有辦法我應該采取其他方式嗎？
3 個解決方案
解決方案1
2 已采納 2014-07-09 01:07:54
是的，它應該像您想的那樣工作。
問題在於Firefox還不支持價值round 。 然后，該規則將被忽略，並且使用的值是默認的repeat 。
您可以在MDN文章中看到瀏覽器支持：
- Chrome：否
- Firefox：否（ 錯誤548372 ）
- IE：9
- 歌劇：10.5
- Safari：否
作為一種解決方法，我建議使用一個后備值：
background-repeat: repeat no-repeat; /* fallback for old browsers */
background-repeat: round no-repeat; /* for browsers that support it */
解決方案2
0 2014-07-09 01:09:07
根據background-repeat的MDN頁面以及Bugzilla上的此問題 ， background-repeat: round; 僅在IE 9和Opera上受支持。 由於Firefox無法識別round關鍵字，因此默認情況background-repeat: repeat;使用默認的background-repeat: repeat; 。
Firefox 30不支持該功能，目前尚不清楚何時在Firefox中實現它。
解決方案3
0 2014-07-09 01:11:02
它是特定於瀏覽器的，因為只有少數瀏覽器支持。 我的解決方法如下：我只會使用background-repeat:repeat no-repeat 。
至於“回合”與“回合”，這是我們看到的很多東西。 讓我解釋：
如果只給出一個參數，例如。 “重復”它適用於所有方向。
如果給出兩個參數，則它們定義了X和Y方向，例如。 “重復不重復”
第一個表示x，第二個表示y。
如果給定三個，則例如具有“頂部”，“側面”和“底部”。 “邊距：頂邊底邊”
如果是四個，則為“上，右，下，左”（順時針）。 “邊距：右上左下”
CSS過渡僅在一個方向上具有動畫效果-jQuery滾動功能
[英]css transition only animated in one direction - jQuery scroll function
如何強制 div 在 CSS/jQuery 中僅在一個方向上擴展或調整大小
[英]How to force a div to expand or resize only in one direction in CSS/jQuery
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.