第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

將背景圖像轉(zhuǎn)換為對(duì)象問(wèn)題

將背景圖像轉(zhuǎn)換為對(duì)象問(wèn)題

桃花長(zhǎng)相依 2023-10-04 17:02:26
我不知道如何將此背景轉(zhuǎn)換為對(duì)象并將其放入菜單的按鈕中,因?yàn)槲谋竞蛨D像重疊。我需要幫助將背景圖像(小 png)轉(zhuǎn)換為一個(gè)對(duì)象,以便文本“Lorem ipsum dolor sat amet, consectetur adipisci elit”無(wú)法與它重疊,我不知道你是否理解,我英語(yǔ)不太好,謝謝非常.menu22 {  padding-left: 0;  list-style: none;  width: 300px;  margin: 0 auto;}.menu22 li {  background-image: url("https://i.ibb.co/SyCRm7z/1.png");  background-repeat: no-repeat;  background-position: 15px center;  position: relative;}.menu22 li:hover {  color: #404040 !important; font-weight: 700 !important; letter-spacing: 1px; background-image: url("https://i.ibb.co/SyCRm7z/1.png"); -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.3s ease 0s;}.menu22 a{  display: block;  padding: 23px 0;  color: grey;  font-size: 18px;  text-decoration: none;  text-align: center;}<ul class="menu22"> <li><a href="#">object1</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">object3</a></li> <li><a href="#">Lorem ipsum dolor sit </a></li> <li><a href="#">object5</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li><br></ul>
查看完整描述

2 回答

?
有只小跳蛙

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊

為錨標(biāo)記添加了一些填充:padding-left:15%;


.menu22 {

  padding-left: 0;

  list-style: none;

  width: 300px;

  margin: 0 auto;


}


.menu22 li {

  background-image: url("https://i.ibb.co/SyCRm7z/1.png");

  background-repeat: no-repeat;

  background-position: 15px center;

  position: relative;


}


.menu22 li:hover {

  color: #404040 !important;

font-weight: 700 !important;

letter-spacing: 1px;

background-image: url("https://i.ibb.co/SyCRm7z/1.png");

-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);

-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);

transition: all 0.3s ease 0s;

    padding-left:6%;

}

  .menu22 a{

  display: block;

  padding: 23px 0;

  color: grey;

  font-size: 18px;

  text-decoration: none;

  text-align: center;

  padding-left:15%;

}

<ul class="menu22">

<li><a href="#">object1</a></li>

<li><a href="#">Lorem ipsum dolor sit amet</a></li>

<li><a href="#">object3</a></li>

<li><a href="#">Lorem ipsum dolor sit </a></li>

<li><a href="#">object5</a></li>

<li><a href="#">Lorem ipsum dolor sit amet</a></li><br>

</ul>


查看完整回答
反對(duì) 回復(fù) 2023-10-04
?
德瑪西亞99

TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊

在li標(biāo)簽內(nèi)添加另一個(gè)div標(biāo)簽,并使其背景css圖片位于div內(nèi),而不是li標(biāo)簽本身的背景。



查看完整回答
反對(duì) 回復(fù) 2023-10-04
  • 2 回答
  • 0 關(guān)注
  • 144 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)