WEBサイトの製作、管理、とかの日記ブログです。

<<   2018年08月   >>
SunMonTueWedThuFriSat
   1234
567891011
12131415161718
19202122232425
262728293031 
新着記事
カテゴリ
過去ログ
コメント
検索
rateの★表示
今日初めてやったテクだが、
★★★★☆
の様な評価を★の数で表示する時に、
<div style='position:relative;display:inline-block'>
<div>☆☆☆☆☆</div>
<div style='position:absolute;width:70%;top:0px;overflow:hidden'>★★★★★</div>
</div>
↓サンプル
☆☆☆☆☆
★★★★★

の様な感じで、position:relativeの領域に空の☆を5個並べて、続けてposition:absoluteで★を5個並べてwidthで範囲外の★をhiddenすれば良い感じになるね。
画像もスクリプトも使わず☆☆☆☆☆と★★★★★を合成できる。
この方法やってみたがうまく行ったぽい。

ちなみに、Firefox以外はまだ未確認。

この記事へのコメント
名前:
URL
コメント:
この記事へのトラックバック :
whblog 1.7