首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

html背景图片过大时显示有关问题

2014-01-08 
html背景图片过大时显示问题,求助情况是这样的,老板给了一张效果图,大小是2186 x 1059的,现在老板的需求是

html背景图片过大时显示问题,求助
情况是这样的,老板给了一张效果图,大小是2186 x 1059的,现在老板的需求是,当屏幕分辨率较小的时候,只显示中间不主要内容,但当屏幕分辨率较大,根据分辨率显示跟着变大 css html 背景图片 不同分辨率 自适应
[解决办法]

引用:
设置background为center

这样就行了~~background-position: center top
[解决办法]
<!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>
div,body,html {
margin:0;
width:100%;
height:100%
}
.main{background:url(http://news.mydrivers.com/img/20080628/07552404.jpg) no-repeat; background-position:top center;}
</style>
</head>

<body>
<div class="main"></div>
</body>
</html>

用这样的
[解决办法]
楼上几个办法都不错,作为背景实现,还可以用下面方法实现:
css:
.div{ position:relative; width:1000px;}
.div2{ position:absolute; left:-593px; top:0px;}
html:
<div class="div">
<div class="div2">图片地址</div>
</div>

热点排行