0

上位ユーザーを示す順​​序付きリストがあり、対応するポイントが右に揃えられています。例: http://codepen.io/anon/pen/EkKJC .
ビューポートが小さすぎる場合、ユーザー名のオーバーフロー部分を非表示にしたいと思います。パーセンテージは正確ではないため使用できません。コンテンツは動的であるため、固定幅も使用できません。
ここでの主な問題は、透明な背景です (はい、透明でなければなりません)。z-index を使用すると機能しないためです。
この問題に対するクロスブラウザ、セマンティック、css-pure、ネストされたタグのないソリューション、または少なくとも IE7+ が必要です。または、この状況を処理する別の方法かもしれません。

ところで、(セマンティックな観点から) を与える必要があるかどうか知りたいです。<span>クラス名<span>。 前もって感謝します。<li>

4

3 に答える 3

0

cssの不透明度属性を使用して、透明な要素の背後にあるコンテンツを非表示にすることができます。

コンテンツをdiv要素に入れてから、そのdivの不透明度を設定します。ありがとう。

于 2013-01-20T07:29:31.823 に答える
0

javascript などでスパンを参照する必要がない場合は、クラス名を付ける必要はありません。しかし、サイトに他に誰もいないことを確信する必要があります.#topusersのID<ol>を与える傾向があります.<ol>

ol#topusers {
  list-style: inside decimal;
  width: 300px;
}

ol#topusers li span {
  float: right;
}
于 2013-01-20T06:23:42.007 に答える
0 
body, footer {
background: url('http://static3.depositphotos.com/1000635/110/v/450/dep_1104872-Helix-seamless-pattern..jpg') fixed repeat 100% 100%;
}

フッターを透明にする必要がある理由は、背景画像が原因であると想定しています。

または、意志

body {
padding-bottom:(the footer height here);
}

ここで助けて？

于 2013-01-20T06:28:29.497 に答える