Изменение файла повторения фонового изображения - PullRequest
Новая
       28

Изменение файла повторения фонового изображения

2 голосов
/ 30 сентября 2011

Мне было интересно, можно ли изменить какой файл повторяет фоновое изображение, когда заканчивается старое изображение.

Итак, если image01.jpg установлено в качестве первого фонового изображения, когда оно заканчивается вертикально, image02.jpq ​​будет добавлено в качестве фонового изображения для завершения страницы?прямое «нет», хорошо, мне просто интересно

Ответы [ 3 ]

3 голосов
/ 30 сентября 2011

С CSS3 вы можете иметь несколько фонов.Вы можете указать background-repeat для каждого из них. поддерживается всеми основными браузерами , кроме IE8 и более ранних версий.

http://www.css3.info/preview/multiple-backgrounds/

1 голос
/ 30 сентября 2011

В CSS всегда есть решение для чего-то, если вы хотите добавить больше разметки в свой файл. Лучше всего обернуть элемент, в котором у вас есть первое изображение, содержащим div с фоном, который вы хотели бы видеть, если закончится первое изображение. Вот так:

HTML: 

<div class="container"><span class="image"></span></div>

CSS: 

.container { 
  background: transparent url(image02.jpg) 100% 0 no-repeat /* Appears on the right */
  width: 200px; /* The maximum width */
  /* Can also add x pixels padding to ensure that x pixels of image02 are shown */
}

.image { 
  background: transparent url(image01.jpg) 0 0 no-repeat; /* Appears on the left */
}

Конечно, вы всегда можете заменить <span> реальным изображением.

0 голосов
/ 30 сентября 2011

Не забывайте, что HTML тоже является элементом. 

html {/*insert tiling background image*/}
body {/*insert normal background image*/}

Фон тела будет располагаться поверх мозаичного фона HTML.Работает в любом браузере и не требует дополнительной разметки.

...