css имеют цвет фона, текст и изображение в том же div

Вопрос:

Поэтому у меня есть ящик, в котором мне нужно отобразить текст, иметь красный цвет фона и также иметь изображение справа от окна.

Идея состоит в том, что текст должен иметь приоритет, а цвет фона должен быть красным.

Вот пример, но он переопределяет цвет фона:

.test {
background-color: #e64e56;;
box-shadow: 3px 3px 5px darkGray;
color: white;
background: url(http://thumb10.shutterstock.com/thumb_small/536008/103572833/stock-photo-small-flower-isolated-on-white-background-103572833.jpg) no-repeat top right;

}

http://jsbin.com/axohoc/1/edit

Лучший ответ:

Вы имеете в виду это?

.test {
  box-shadow: 3px 3px 5px darkGray;
  color: white;
  background: #e64e56 url(http://thumb10.shutterstock.com/thumb_small/536008/103572833/stock-photo-small-flower-isolated-on-white-background-103572833.jpg) no-repeat top right;
}

Вы можете либо определить background-color, background-image, background-repeat и background-position отдельно, либо использовать background ярлыка. При использовании последнего он перезапишет определенные правила, которые вы установили, в этом случае background-color

Вот пример, отредактированный http://jsbin.com/axohoc/7/edit

Здесь вы можете ознакомиться с особенностями стенографического свойства, а также с различными конкретными фоновыми свойствами: http://www.w3schools.com/css/css_background.asp

Оцените статью
TechArks.Ru
Добавить комментарий