当前位置：首页 - 正文

css控制div中的超宽图片居中并隐藏超出当前分辨率宽度的部分_百度知 ...

发布网友发布时间：2022-04-30 15:45

共4个回答

懂视网时间：2022-05-13 04:25

该背景的css：
.ckbg{ width:50%; padding-left:50%; height:578px; margin:0 auto; position:absolute; z-index:-1; background:url(images/1_bg.jpg) no-repeat;}
显示效果为该背景始终相对于视窗左上角定位。

我的目的是想让该背景自适应居中。（并始终在最层）

回复讨论(解决方案)

position:absolute;是绝对定位，已经脱离了文档流，你删除 position:absolute;试试。

热心网友时间：2022-05-13 01:33

background:url(您图片的路径) center center; 这样就可以了。原理是background-position定位，x轴和Y轴都定为 center

热心网友时间：2022-05-13 02:51

在css里设置，background-position:center; background-size:cover;
然后在网页上用style设定background-image属性来实现显示图片即可

热心网友时间：2022-05-13 04:26

首先你在图片外面定义一个div ，在css里面设置background-position:center; margin:0 auto; overflow:hide;这样就行了

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

css控制div中的超宽图片居中并隐藏超出当前分辨率宽度的部分_百度知 ...

回复讨论(解决方案)

最新推荐

猜你喜欢

热门推荐