ホームページで見ることができます:tumblr.com
私は通常、自分の Web アプリケーションでそのような設計の詳細には立ち入らないので、何よりも興味があります。ここで、javascript を使用して境界線を変更するのはやり過ぎだと思いますか?
ホームページで見ることができます:tumblr.com
私は通常、自分の Web アプリケーションでそのような設計の詳細には立ち入らないので、何よりも興味があります。ここで、javascript を使用して境界線を変更するのはやり過ぎだと思いますか?
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 にすることを好みます。