Background-repeat doesn't work in mobile browsers. Atleast, it doesn't do anything when I try to browse the content in a mobile browser. Is there any size differences?
Here is the 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);
}
This will work i think:
#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;
}
Edit: Also you don't need to specify moz, webkit, ms (box-shadow) anymore.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.