Question

在本地显示进度条。但是在托管时仅显示百分比文本。

到目前为止，当在本地托管时，一切正常，但在网站上托管时似乎找不到问题，也没有错误。

我希望在我实际访问网站时显示它。但目前，它仅显示span标签之间的文本。

内联CSS和单独的.css文件。

#skills{
width:100%; 
height:20px; 
border:1.2px 
solid black;
}

#HTML {
  width: 90%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
  position: relative;
}

#PHP {
  width: 71%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

#MySQL {
  width: 66%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

#CSS {
  width: 88%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

#Java {
  width: 45%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

<p>HTML</p>
<div id="skills">
  <div id="HTML"><span style="color: black;"><b>90%</b></span>
  </div>
</div>
<br>
<p>PHP</p>
<div id="skills">
  <div id="PHP"><span style="color: black;"><b>71%</b></span>
  </div>
</div>
<br>
<p>MySQL</p>
<div id="skills">

  <div id="MySQL"><span style="color: black;"><b>66%</b></span>
  </div>
</div>
<br>
<p>CSS</p>
<div id="skills">

  <div id="CSS"><span style="color: black;"><b>88%</b></span>
  </div>
</div>
<br>
<p>Java</p>
<div id="skills">
  <div id="Java"><span style="color: black;"><b>45%</b></span>
  </div>
</div>

Answer 1

这显然只是浏览器缓存问题，因为它似乎可以在您上面包含的代码段中起作用。

为避免将来出现此类问题，请尝试养成使用Ctrl + F5刷新习惯，同时更改网页中的HTML和CSS代码，这会迫使浏览器重新下载并解析页面。

仅需注意：您应该使用类将CSS分配给您的Div块，并且ID属性应该是唯一的，因为它们通常在JavaScript中用于检索和操作所述块的内容

在网站上托管时，div不会显示

1 个答案: