問題があります。私は口ひげコードを使ってコンテンツをトリガーします。 私はウェブサイトで5つ星評価を受けていますが、コードを入れずにコンテンツをトリガーするには、口ひげコードでオーバーレイを作成しました。すべてがうまくいきます。しかし、例えば、ソースコードで評価が4.5星であれば、それは星を満たしません。しかし、ソースコードでは、クラスはbcrating4.5
に変更されています。CSSの0〜100%の5つのランクの「幅」%は20/40/60/80/100でのみ動作しますが、たとえば70%では使用できません
これは私のコードです:
<span class="rating bcrating{{rating}}"></span>
rating
クラスは、サイトから元のコードです。
bcrating
は、CSSコードの下のクラスです。
口ひげ{{rating}}
がトリガーコードです。
<p id="hiddenrating" hidden>{{rating}}</p>{{#recommendations}}
<ul class="box-content box-related" id="viewed-product-list">
<li class="item" style="width:16.57%">
<div class="item-info grid_2 alpha"> {{#image}}
<a class="product-image" href="{{URL}}" title="{{name}}">
<img src="{{image}}" alt="{{name}}" style="width:50%">
</a> {{/image}}
<div class="product-details">
<a href="{{URL}}" title="{{name}}">
<span class="product-name">{{name}}</span>
<div class="price leden">
<span class="old_price">
<strong>{{old_price}}</strong>
</span>
<span class="new_price">
<strong>{{new_price}}</strong>
</span>
</div>
</a>
<div class="product-review-block">
<span class="fivestar">
<span class="rating-box">
<a class="nobr" href="{{URL}}#customer-reviews-tab">
</a>
<span class="rating bcrating{{rating}}"></span>
</span>
</span>
</div>
</div>
</div>
</li>
</ul>{{/recommendations}}
CSS: "4.5" の値で
.bcrating0 {
width:0%;
}
.bcrating1 {
width:20%;
}
.bcrating2 {
width:40%;
}
.bcrating3 {
width:60%;
}
.bcrating4 {
width:80%;
}
.bcrating5 {
width:100%;
}