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

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

天窗的螞蟻

2016-01-03

源自：十天精通CSS3 5-4

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

1229

操作

收起

2 回答

丑丶小亞
2018-05-22

因?yàn)閎ackground屬性不支持你這種寫法，這個(gè)標(biāo)簽里面的值是有順序的行為。

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

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

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

收起回答

上帝遺棄之仔
2016-01-03

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

background-repeat屬性也只有一個(gè)值，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è)置了背景色為紅色，然后又用簡(jiǎn)寫指定了些樣式，但是簡(jiǎn)寫時(shí)沒給background-color值，此時(shí)它將會(huì)是默認(rèn)值transparent，并覆蓋掉前面規(guī)則設(shè)定的red。參考：http://www.cnblogs.com/starof/p/4384378.html 是這個(gè)原因嗎(⊙v⊙)？

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

#3

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

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

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