2013-11-03 5 views
0

Фоновый повтор не работает в мобильных браузерах. По крайней мере, он ничего не делает, когда я пытаюсь просматривать содержимое в мобильном браузере. Существуют ли различия в размерах?Изображение не будет повторяться на мобильном телефоне

Вот CSS

#header { 
    background: url(images/header_bg.png); 
    background-repeat: repeat; 
    overflow:hidden; 
    box-shadow: 0 1px 0 rgba(255,255,255,0.2); 
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2); 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2); 
    ms-box-shadow: 0 1px 0 rgba(255,255,255,0.2); 
} 

ответ

1

Это будет работать я думаю:

#header { 
    background: url("images/header_bg.png") repeat; 
    box-shadow: 0 1px 0 rgba(255,255,255,0.2); 

    /* Give a height and width*/ 
    height: 100px; 
    width: 100px; 
} 

http://jsfiddle.net/35dre/

Edit: Кроме того, вам не нужно указывать Моса, WebKit, мс (коробка -shadow).

Смежные вопросы