> 웹 프론트엔드 > HTML 튜토리얼 > 不加宽度也没有内容,如何显示背景图?_html/css_WEB-ITnose

不加宽度也没有内容,如何显示背景图?_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:09:29
원래의
1063명이 탐색했습니다.

有一张背景是左右两边有东西的。然后切图的时候就切出左右两边两张小图。让它自适应屏幕的大小。(但是必须加固定宽度,才能显示出背景。)。当屏幕的大小是1024的时候,如何使背景层不显示?因为宽度的问题,导致中间的内容都往下移了。在1440的屏幕下是正常的。但是1024的大小时,内容会下移。。。唉。。不晓得表达的清楚不?
烦请懂的朋友告知下咯。。。谢谢哈~


回复讨论(解决方案)

直接贴代码

直接贴代码 ++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body {margin:0px auto;background:#6633FF;color:#fff;}p {margin:0px 0px ;padding:0px 0px;}.left {background:#000;float:left;width:200px;}.right {background:#000;float:right;width:200px;}.center {padding:0px 10px;width:980px;float:left;}</style></head><body><div id="container"><div class="left">ffff</div><div class="right">ffffff</div><div class="center"><p>在宽屏电脑下显示左右的背景色(宽度200px)。在1024*768的屏幕下隐藏左右两边的背景。中间内容已经固定了宽度是980px。</p><p>左右两边是没有内容的。。。。要加宽度才能显示背景色的。。。不加宽度也没有内容的情况下如何显示背景色呢?且1024的屏幕下可以隐藏掉左右的背景色。</p><p>目前在1440的屏幕下是可以正常显示,因为加了宽度。但是在1024的屏幕下中间的内容就会被撑开。</p><p>目前的解决方法是切一张大背景。就可以解决问题。。。但是,想知道有没有方法就是切两张小图放左右两边。不管屏幕多大都是显示在左右两边的~~~</p></div></div></body></html>
로그인 후 복사

你是想在1024 下面隐藏 2边的东西,然后在1440 下可以显示2边东西 是不是??

这个要应该要js 控制

可以。
但是我告诉你,一张大图比两张小图更好,因为大背景图总字节更小一点,而且少一个http

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿