背景颜色百分比？
我有没有办法使用css或javascript在50%的分区中使用背景色来显示？？我想在其中执行此操作的框有一个背景图像，我想用显示评级的颜色填充50%……我可以使用半填充背景图像的图像，但我相信这会减慢我的评级系统，他们是否有任何方法可以用颜色填充50%的框，或者我必须求助于用半填充图像本身替换背景。谢谢
回答 3
Stack Overflow用户
发布于 2009-08-24 01:06:28
无法使用css将其设置为按50%填充其父对象。您将不得不计算进度条的大小。所以假设你的div是100px (有一个白色背景)，你想让条显示55%，在它里面创建一个长度为55px的div，用进度条的颜色作为背景。
Stack Overflow用户
发布于 2009-08-24 01:24:07
我不知道div中是否有比背景颜色更多的内容来显示进度，但让我们假设它是其中唯一的内容。你所要做的就是确保进度条有一个固定的宽度，一个高度和一个溢出:隐藏。
然后在其中放置一个div，该div具有您想要的颜色作为背景颜色，并且与容器div具有相同的宽度。两个div都应该有一个位置:定义的属性、绝对或相对并不重要。那么剩下的唯一一件事就是将内部div设置到您想要的位置，例如left：-50%；
如果你想要动态完成，你只需要使用javascript来完成最后这部分。像getElementById('progress').style = 'left：-50%‘这样的代码应该可以做到这一点。
一个快速和肮脏(但有效)的例子：
<div style="width: 200px; height: 2em; overflow:
hidden; position: relative; padding: 1px; border: 1px solid red">
<div style="width: 200px; height: 2em;
background: blue; position: relative; left: -50%;">
</div>
</div>Stack Overflow用户
发布于 2013-03-28 12:23:23
看一看这个背景渐变颜色，并研究开始时用于主体的CSS代码！
body语句代码中与后台主题相关的CCS代码有三行：
body {
font: 12px/18px Verdana, Arial, Tahoma, sans-serif;
color: #001133 /* Other test colors: #006DD9 #444*/;
/*background: #F4F4F4 url(i/bg.gif) - Another test;*/
**background: -moz-linear-gradient(bottom, #ffffff, #3393C5);
background: #3393C5 -webkit-gradient(linear, left top, left bottom, color- stop(0.05, #3393C5), color-stop(1.00, #ffffff) ) no-repeat;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#3393C5',En dColorStr='#FFFFFF');**
/*margin: 0px auto;*/
}在http://www.webdesignseo.go.ro网站上找到了首字母。
https://stackoverflow.com/questions/1321195
复制
相似问题
SharePoint列表预填充
SharePoint列表中的自动编号列
SharePoint列表中具有链接到项目的自动编号列
SharePoint列表自动增量自定义索引
特定Sharepoint列表的自定义操作菜单
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
