我正在使用 Pug，但我的影像不可見。我不明白為什么會這樣。
我在檔案夾中也有抖動影像。
另一個幫助我希望將影像完全適合給定串列的高度和寬度，我使用了'object-fit：cover'，但這對我不起作用。下面是我想要的示例
#list1{
list-style: none;
height: 200px;
border-radius: 3px;
margin: 10px;
background: url('https://miro.medium.com/max/1200/1*yvz6FsBEh-JGN_miQIMEXA.jpeg');
}<section class="Skill_Section">
<ul class="Cards">
<li id="list1"></li>
<li id="list2"></li>
<li id="list3"></li>
<li id="list4"></li>
</ul>
</section>uj5u.com熱心網友回復：
首先，檢查你的影像路徑，然后使用相同的高度寬度影像你的div高度寬度是多少，并添加這些CSS background-size:cover; 背景重復：不重復；
uj5u.com熱心網友回復：
首先將寬度和高度設定為所有 li 然后結帳
uj5u.com熱心網友回復：
據我了解您的問題，您需要執行以下操作。
如果是這樣，這就是它的代碼。
HTML
<section class="Skill_Section">
<ul class="Cards">
<li id="list1">This is the text one.</li>
<li id="list2">This is the text two.</li>
<li id="list3">This is the text three.</li>
<li id="list4">This is the text three.</li>
</ul>
</section>
CSS
ul {
display: flex;
}
li {
list-style: none;
width: 100%;
border-radius: 3px;
margin: 10px;
font-size: 25px;
padding: 20px 0;
text-align: center;
background: linear-gradient(to bottom right, rgba(0, 0, 0, .40), rgba(0, 0, 0, .40)),url("https://miro.medium.com/max/1200/1*yvz6FsBEh-JGN_miQIMEXA.jpeg");
background-size: cover;
color: #F90716;
background-repeat: no-repeat;
background-position: center center;
font-weight: 900;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/411899.html
標籤：
上一篇：我無法將多個影像調整為不同的尺寸