為什么這樣縮寫，圖片就不顯示了？

為什么我把position和size縮寫到一起，圖片就不見了？哪里出錯了？

天窗的螞蟻

2016-01-03

源自：十天精通CSS3 5-4

關(guān)注問題我要回答

1259

操作

收起

2 回答

丑丶小亞
2018-05-22

因為background屬性不支持你這種寫法，這個標(biāo)簽里面的值是有順序的行為。

background：url(xxx.png)?repeat?position /size ....

你要是非要拆開寫，請用標(biāo)準(zhǔn)的background-image系列屬性

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

上帝遺棄之仔
2016-01-03

background-position語法錯誤，后面允許跟兩個值，第一個值是水平位置，第二個是垂直位置，空格分隔。

background-repeat屬性也只有一個值，repeat,no-repeat,repeat-x,repeat-y。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

天窗的螞蟻提問者

可是我沒寫background-position啊，我是把position和size所寫一起了，background:left top/80% 50%,right bottom/50% 35%;

2016-01-04 回復(fù) 有任何疑惑可以回復(fù)我~

#2

上帝遺棄之仔回復(fù) 天窗的螞蟻提問者

background-color: red; background: url(images/bg.gif) no-repeat top right; 以上代碼先設(shè)置了背景色為紅色，然后又用簡寫指定了些樣式，但是簡寫時沒給background-color值，此時它將會是默認(rèn)值transparent，并覆蓋掉前面規(guī)則設(shè)定的red。參考：http://www.cnblogs.com/starof/p/4384378.html 是這個原因嗎(⊙v⊙)？

2016-01-04 回復(fù) 有任何疑惑可以回復(fù)我~

#3

上帝遺棄之仔回復(fù) 天窗的螞蟻提問者

簡寫缺省時會覆蓋原有樣式,簡寫屬性中沒指定值的屬性將用默認(rèn)值代替。重點是簡寫會覆蓋已有樣式.

2016-01-04 回復(fù) 有任何疑惑可以回復(fù)我~