@H_404_1@我试图在CSS中使用attr()设置元素的宽度,但它不起作用。 Chrome说“无效的资产价值”,但我不知道是怎么回事。
我试图使用属性“prog”作为.progress div的百分比宽度。
<div class="progresscontainer"> <div class="progress" prog="10"> </div> </div> .progresscontainer { position:absolute; background-color:black; width:500px; height:100px; border-radius:5px; border:1px solid black; overflow:hidden; } .progress { background-color: green; background: -webkit-linear-gradient(top,transparent -100%,rgba(255,255,0.5) 50%,transparent 200%),-webkit-linear-gradient(top,lime 0%,lightgreen 50%,green 50%,darkgreen 100%); background: -moz-linear-gradient(top,-moz-linear-gradient(top,darkgreen 100%); background: -ms-linear-gradient(top,-ms-linear-gradient(top,darkgreen 100%); background: linear-gradient(top,linear-gradient(top,darkgreen 100%); position:absolute; height:100%; width: attr(prog %); }