0

画像を含むテーブルがあり、各画像の隅にアイコンを追加する必要があります (アイコンの中心が隅に一致するように)。css の相対位置を使用してなんとかそれを行うことができましたが、アイコンが部分的にセルの外にあるため、テーブルが台無しになります。

今、テーブルの外にアイコンを追加して、そこから位置を設定しようとしています。ただし、画像の位置をハードコーディングすることは避け、その場で決定したいと思います。しかし、要素が自動的に配置されるため、使用.offsetLeftと jQuery のoffset()両方が 0 を返します。この場合、要素の正確な位置を特定する方法は本当にありませんか?

4

1 に答える 1

1

jsで作成するには長くて複雑です。cssで作成することをお勧めします。アイコンの問題については、overflow:hiddenを使用して、アイコンがセルの外に表示されないようにすることができます

ここに例を示します: http://jsfiddle.net/CdLEm/

<div id="container">
    <div id="corner"></div>
</div>


#container {
    overflow:hidden;
    position:relative;
    height:200px;
    width:200px;
    border:1px solid #222;
}
#corner {
    position:absolute;
    left: -13px;
    top:-13px;
    border-radius:50%;
    background:#FF0000;
    width:30px;
    height:30px;
}
于 2013-08-11T22:17:04.047 に答える