背景图像上的响应式 PNG 图像?
P粉107991030
P粉107991030 2024-02-21 21:06:46
0
1
445

我正在尝试制作这样的页面设计:点击

事实上,我成功了。问题是,当我更改网页的分辨率时,元素重叠,背景 div 和 PNG 的行为不同,一切看起来都很糟糕。 (我尝试过使用位置:绝对(PNG)和位置:相对(背景))

P粉107991030
P粉107991030

全部回复(1)
P粉011360903

您可以使用 background-sizebackground-position CSS 属性。你应该尝试这种方式:

body {
  background-image: url("your-bg-image.jpg");
  background-size: cover;
  background-position: center;
}

.responsive-image {
  background-image: url("your-image.png");
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板