搜尋

首頁  >  問答  >  主體

背景圖像上的響應式 PNG 圖像?

我正在嘗試製作這樣的頁面設計:點擊

事實上,我成功了。問題是,當我更改網頁的解析度時,元素重疊,背景 div 和 PNG 的行為不同,一切看起來都很糟糕。 (我嘗試過使用位置:絕對(PNG)和位置:相對(背景))

P粉107991030P粉107991030306 天前459

全部回覆(1)我來回復

  • P粉011360903

    P粉0113609032024-02-22 13:30:03

    您可以使用 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%;
    }

    回覆
    0
  • 取消回覆