HTML里的背景图片显示在界面上太大了怎么办?各种办法都用过了还是不行...

发布网友发布时间：2022-04-30 07:58

共2个回答

懂视网时间：2022-05-13 19:59

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:

图片地址

热心网友时间：2022-05-13 17:07

没给div设置大小，当然不会显示图片。不明白你是怎么个太大，1、图片没显示全：

background-size:cover;

2、图片占满了整个屏幕，其实你只想要下半身，根本不想看到上半身：

background-postion:x y;

3、你是想要给部分地方设置背景？那当然不能用body啊

追问我是想显示整张图片，但是只显示出这个图片的左上角。。。

就是要整张图片做背景，一个女生弹钢琴的图片，现在根本看不到女生和钢琴。只显示了整个图片的左上角