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

css怎么把照片置于底層,CSS照片底層放置方法

前端小編 8 0

CSS中,將照片置于底層的方法如下:

1、使用CSS的position屬性

CSS的position屬性可以用來設(shè)置元素的定位類型,我們可以通過設(shè)置position屬性為absoluterelative,來將照片置于底層。

我們可以給照片元素添加以下樣式:

.photo {
  position: absolute;
  z-index: -1;
}

在上面的樣式中,position: absolute;表示照片元素采用***定位,而z-index: -1;表示照片的堆疊順序在底層。

2、使用CSS的z-index屬性

z-index屬性用來設(shè)置元素的堆疊順序,我們可以通過設(shè)置z-index屬性的值,來控制照片在底層的位置。

我們可以給照片元素添加以下樣式:

.photo {
  z-index: -1;
}

在上面的樣式中,z-index: -1;表示照片的堆疊順序在底層。

3、使用CSS的偽元素

我們還可以利用CSS的偽元素來將照片置于底層,我們可以給照片元素添加以下樣式:

.photo {
  position: relative;
}
.photo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(photo.jpg) no-repeat;
  z-index: -1;
}

在上面的樣式中,position: relative;表示照片元素采用相對(duì)定位,而position: absolute;表示偽元素采用***定位,通過給偽元素設(shè)置z-index: -1;,我們可以將照片置于底層。

就是將照片置于底層的三種方法,你可以根據(jù)自己的需求選擇適合的方法來實(shí)現(xiàn)。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲av熟妇高潮18p| h视频在线观看免费| 欧美日韩国产免费一区二区三区| 国产乱码日产乱码精品精| 又爽又色又高潮的国产精品| 凹凸69堂国产成人精品| 成人欧美一区二区三区1314| 99久久国产精品毛片价格| 扒掉内裤露出嫩嫩的屁股图片| 午夜精品久久久久久久久高湖| 欧洲尺码日本尺码美国欧洲LV | 18xxxxxxhd日本多毛| 亚洲av888| 漂亮韩国理伦片在线观看| 人妻少妇熟女JAVHD| 久久婷婷成人综合色综合| 98精品国产乱码久久久久久| 中文字幕一区二区三区aⅴ| free性videos另类重囗| 国产污网站| 天堂国产一区二区三区| 国模大尺度一区二区三区| 中国人妖和人妖xxx| 国产亚洲欧美精品久久久久久| 久久av秘一区二区三区| 调教拨开两唇打花蒂| 色婷婷二区| 亚洲一区二区三区四区五区中文 | av毛片精品| 97精品伊人久久大香线蕉价格| 韩国精品毛片| 久久久天堂国产精品女人| 国产精品视频在线免费观看| 日本熟妇毛茸茸xxxxx视频| 欧美午夜精品久久久久久| 97人妻人人澡人人爽人国产| av大全免费在线观看| 伊人久久大香线蕉综合啪小说| 实拍免费女处被破www| 丰满少妇高潮| 99人妻少妇精品视频一区|