Вопрос по css, css3 – Почему я не могу использовать background-clip?

6

Моя попытка использоватьbackground-clip: content-box терпит неудачу. Весь блок имеет фон, включая область заполнения, а не только область содержимого.

http://jsfiddle.net/alanhogan/7YjCV/6/

Что я делаю неправильно?

Ваш Ответ

2   ответа
3

background Свойство CSS - это однострочный способ определенияall свойства фона, в том числеbackground-clip, Таким образом, указавbackground: #ddd отменяет ваши предыдущие настройкиbackground-clip, Если вместо этого вы замените эту строкуbackground-color: #dddдолжно работать так, как вы хотите.

Здесь & APOS; s небольшая модификация вашего jsfiddle.

Очень ценю ваш ответ :) Alan H.
18

Это распространенная ошибка с сокращенными свойствами в CSS.

Так какbackground-clip is one of the properties that's set by the background shorthand property, вашbackground стиль неявно устанавливаетсяbackground-clip вborder-box (его начальное значение), переопределяя ваше явноеbackground-clip стиль:

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

Если вы переместитеbackground-clip декларация подbackgroundон будет работать как положено:

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

jsFiddle demo

Благодарю. Псих. Я понимаю свойства ярлыков & amp; как это работает, но учитывая, чтоbackground свойство ярлыка было вокругforeverдля меня было немыслимо, что он был расширен / переопределен и теперь включает свойства, которые даже не используются для существования! Alan H.
@ Алан Х .: Ну, дело в том, что CSS имеет версии вlevelsгде добавляются новые функции, а иногда и улучшаются существующие & # x2014; поэтому, когда добавляются новые свойства, целесообразно, чтобы новые версии сокращенных свойств были расширены для включения этих новых свойств. Смотрите также:w3.org/TR/CSS/#css-levels Аналогично, некоторыеselectors лайк:not() также будет улучшена поддержка более широкого диапазона селекторов в CSS4.
Смотрите также:Is CSS3 an official standard?

Похожие вопросы