Home > Web Front-end > HTML Tutorial > HTML background image tiling problem_html/css_WEB-ITnose

HTML background image tiling problem_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:15:44
Original
2833 people have browsed it

There is a horizontal tile at the top of the web page, which covers the background image of the entire page. The setting is width:100%. After loading, it looks complete, but if the page has a horizontal scroll bar, drag the scroll bar to the right, and you will find that the images in the hidden part of the page are not tiled and are blank.
How to solve this problem?
[img=https://skydrive.live.com/embed?cid=DE243E377F0EED78&resid=DE243E377F0EED78!334&authkey=AEeWYD4H18yrUBs][/img]


Reply to discussion (solution)

Where is your background image placed? Is it body or div?

Where is your background image placed? Is it body or div?
Is it inside a div?

#top_bg { width: 100%; height: 147px; background: url( '../img/topbg.gif' ) repeat-x; margin:auto; }
Copy after login

Please think more before asking questions in the future! A very simple problem is to add a background image to the elements with a fixed width, so that a similar situation will not occur.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template