国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么在圖片上添加圖片,CSS圖片疊加,輕松實(shí)現(xiàn)圖片上的圖片添加

前端小編 8 0

CSS中可以使用相對定位或***定位的方法在圖片上添加圖片。

相對定位是指將添加的圖片相對于當(dāng)前圖片進(jìn)行定位,可以通過設(shè)置position: relative;來啟用相對定位,然后通過topright、bottomleft屬性來調(diào)整添加圖片的位置,以下代碼將在當(dāng)前圖片上添加一張位于右上角的圖片:

.container {
  position: relative;
}
.container img {
  position: absolute;
  top: 0;
  right: 0;
}

***定位是指將添加的圖片相對于整個(gè)頁面進(jìn)行定位,可以通過設(shè)置position: absolute;來啟用***定位,然后通過top、right、bottom、left屬性來調(diào)整添加圖片的位置,以下代碼將在頁面上添加一張位于右上角的圖片:

.container {
  position: absolute;
  top: 0;
  right: 0;
}

需要注意的是,使用***定位時(shí),添加的圖片會覆蓋在當(dāng)前圖片上,如果需要讓添加的圖片顯示在底部或側(cè)邊,可以通過調(diào)整z-index屬性來控制層疊順序,以下代碼將在頁面上添加一張位于底部的圖片:

.container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

還可以通過CSS的偽元素來實(shí)現(xiàn)圖片上的添加效果,以下代碼將在當(dāng)前圖片上添加一張位于右上角的偽元素圖片:

.container::after {
  content: url('path/to/image.png');
  position: absolute;
  top: 0;
  right: 0;
}

是CSS中在圖片上添加圖片的幾種方法,可以根據(jù)具體需求選擇適合的方式。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
韩国三级hd中文字幕8| 飘雪影院免费高清视频电视剧观看| 我淫我色激情五月天| 亚洲精品乱码久久久久久久久久久久 | 色一情一区二区三区| 精品一区二区三区在线观看| 中国老妇videos洗澡| 用假阳茎玩弄我的感受| 成人精品国产| 精品国产乱码久久久久久红粉影视| 95久久人妻精品免费二区| 欧美激情 国产精品| 少妇高潮爽在线观看免费| 亚洲国产高清在线观看| GOGO人体艺术| 日韩毛片免费播放| 国产成人一区二区在线观看 | 最近中文字幕免费完整版| 亚洲熟女少妇一区二区三区网站 | 欧美亚韩一区二区三区| 日韩欧美精品国产| 国产三级三级看三级| 精品一区二区三区四区| 疯狂做受xxxx高潮免费| 亚洲精品男人天堂| 国产精品久久久久久久久久两年半| 91人人妻人人玩人人澡人人爽| 99成人国产精品视频| 欧美视频日韩视频| 短裙公车被强好爽H吃奶视频| 伦伦影院午夜理论片痴汉| 国产欧美一区二区在线观看| 亚洲国产精品二区| 人妻体内射精一区二区三四| 欧美xxxx×黑人性爽| 久久久免费av| 中文字幕一区二区三区三州| 最近中文字幕高清中文字幕无| 国产人成视频在线观看| 被黑人猛躁1o次高潮| 久久精品国产av一区二区三区|