当前位置：Gxlcms > html代码 > html背景图片过大时显示问题，求助_html/css_WEB-ITnose

html背景图片过大时显示问题，求助_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：202人阅读

css html 背景图片不同分辨率自适应

情况是这样的，老板给了一张效果图，大小是2186 x 1059的，现在老板的需求是，当屏幕分辨率较小的时候，只显示中间不主要内容，但当屏幕分辨率较大，根据分辨率显示跟着变大

回复讨论(解决方案)

设置background为center

你试试写两个div层，设置效果图的top,left为动态的，当分辨率小时，利用其中一个层将超出的部分遮罩起来，具体的top，left为多少个人认为需要你的分辨率范围去计算了

叫老板去死吧。。。

叫老板去死吧。。。这也太牛了

设置background为center
这样就行了～～background-position: center top

无标题文档

用这样的

楼上几个办法都不错，作为背景实现，还可以用下面方法实现：
css:
.div{ position:relative; width:1000px;}
.div2{ position:absolute; left:-593px; top:0px;}
html:

图片地址