0

ホームページで見ることができます:tumblr.com

私は通常、自分の Web アプリケーションでそのような設計の詳細には立ち入らないので、何よりも興味があります。ここで、javascript を使用して境界線を変更するのはやり過ぎだと思いますか?

4

1 に答える 1

1

Tumblr は投稿 div 内で小さなスパン ( .arrow) を使用し、次の css で配置します。

width: 12px;
height: 23px;
background: url("/images/dashboard_master_sprite.png?2") no-repeat -396px -247px transparent;
position: absolute;
left: -11px;
top: 22px;

ご覧のとおり、スパンの背景としてイメージ (矢印) があり、スパンが見えるように幅と高さが設定されています。

絶対タグを使用すると、オーバーラップが可能になり (正確にはオーバーラップしませんが、配置は外側の div とオーバーラップします) 22px、上から-11px左に設定され、div から「ポップ」されます。

JavaScript を使用すると、実際にはやり過ぎで、クライアントが重くなります。やらないでください。この種のものを必要とするほとんどのサイトは、軽量で機能するため、この方法を使用しますが、個人的には、UI を純粋に css/html にすることを好みます。

于 2012-06-11T06:58:18.137 に答える