2012-05-04 13 views

cevap

14

Bu, CSS'deki shorthand özellikleriyle bilinen bir özelliktir. beklendiği gibi bu ödeme şekli, background altındaki E background-clip beyanı taşırsanız

background-clip: content-box; 
background: #ddd none /* border-box */; 

:

background-clip is one of the properties that's set by the background shorthand property olduğundan, background tarzı örtük sizin açık background-clip stilini geçersiz kılma, background-clip (başlangıç ​​değeri) border-box için ayarlıyor :

background: #ddd none; 
background-clip: content-box; 

jsFiddle demo

+0

Teşekkürler. Çılgın. Kısayol özelliklerini ve tam olarak bunun nasıl çalıştığını anlıyorum, fakat 'arka plan' kısayol özelliğinin sonsuza kadar * olduğu göz önünde bulundurulduğunda, artık benim için bile kullanmayan özellikleri de içerecek şekilde genişletildiğini/yeniden tanımlandığını bana göre düşünülemez oldu. var olmak! –

+0

@Alan H .: Şey, CSS, yeni özellikler eklendiğinde ve bazen mevcut olanlar rafine edildiğinde * seviyeler * olarak düzenlenmiştir, böylece yeni özellikler eklendiğinde, yalnızca shorthand özelliklerinin yeni sürümlerinin genişletilmesi uygundur Bu yeni özellikleri dahil etmek. Ayrıca bkz: http://www.w3.org/TR/CSS/#css-levels Aynı şekilde, bazı * selektörler * gibi:() değil, aynı zamanda CSS4'te daha geniş bir seçiciyi kabul edecek şekilde geliştirilecektir. – BoltClock

+0

Ayrıca bakınız: [CSS3 resmi standart mı?] (Http://stackoverflow.com/questions/8637901/is-css3-an-official-standard/8637917#8637917) – BoltClock

3

background CSS özelliği background-clip dahil tüm arka özelliklerini tanımlamak için bir tek çizgi bir yöntemdir. Bu nedenle, background: #ddd belirtme, önceki ayarınızı background-clip belirler. Bunun yerine bu satırı background-color: #ddd ile değiştirirseniz, istediğiniz şekilde çalışmalıdır. Jsfiddle'ınız için küçük bir değişiklik yapın.

Here's

+0

Cevabınız için teşekkür ederiz :) –