欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

列表中沒有加載css背景圖像

CSS
錢瀠龍2年前9瀏覽0評論

我正在嘗試加載一個帶有& quot之前& quot標記到列表中以在列表后面創建勾號圖像，但圖像不會顯示出來。有什么問題？代碼如下:

.list1 li:before {
  content: '';
  background: url('../img/Без\ названия.png') 0 0 no-repeat;
  width: 20px;
  height: 20px;

<!DOCTYPE html>
<html lang="ru">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">



    <title>Document</title>
  </head>

  <body>
    <div class="container">
      <div class="stylize">
        стилизируй с помощью псевдоклассов и псевдоэлементов
      </div>
      <div class="mainlist">
        <ul class="list1">
          <li>Put on this page information about your product</li>
          <li>A detailed description of your product</li>
          <li>Tell us about the advantage and merits</li>
          <li>associate the page with the payment system</li>
        </ul>
        <ul class="list2"></ul>
      </div>
    </div>
  </body>

</html>

您的代碼可能存在一些潛在的問題，導致背景圖像無法顯示。這里有一些解決這個問題的建議。

文件路徑:確保背景圖像的文件路徑是正確的。請仔細檢查路徑../img/без\ названия.“png”指向正確的位置，并且圖像文件存在于該路徑中。

文件名中的特殊字符:文件名'без\ названия.“png”包含特殊字符和空格。確保文件名在URL中編碼正確。您可以使用%20，而不是使用反斜杠來結束空格。例如，'без%20названия.巴布亞新幾內亞。

圖像可見性:通過為:before偽元素設置背景色來檢查圖像是否實際可見。添加背景顏色:紅色；添加到您的CSS規則中，看看是否會出現一個紅框而不是圖像。這有助于確定是圖像本身的問題還是圖像的可見性問題。

CSS選擇器特異性:驗證您用來定位:before偽元素的CSS選擇器是否足夠特異性以應用背景圖像。如果有其他CSS規則覆蓋此選擇器或與之沖突，背景圖像可能不會顯示。您可以嘗試為選擇器添加更高的特異性，例如. list1 li:before，或者使用！重要聲明。

檢查錯誤:確保CSS文件中沒有錯誤。如果CSS中有任何語法錯誤或缺少右括號，可能會妨礙樣式的正確應用。

通過檢查和解決這些潛在的問題，您應該能夠確定為什么背景圖像沒有顯示在您的列表中。

. list1 {列表樣式:url('img/без/названия.png’)；}

或者

將img/без后的反斜杠改為'/'