0

一連のdivで、それらのdiv内のデータと入力の単一行を囲むフォームがあります。cssの入力を「閉じる」シンボルとしてレンダリングしたいのですが、負のマージンまたは負の位置を使用して、左上隅の「上」に入力を配置できません。Z-indexはうまくいかないようです…それらは、周囲の白い領域に隠れずに終わります。

<div class="item-in-cart">
<input type="submit" name="delete[1]" class="delete" value="elimina">
</div>
<div class="item-in-cart">
<input type="submit" name="delete[2]" class="delete" value="elimina">
</div>
[...]

.item-in-cart {
width: 330px;
overflow: hidden;
border: 1px dashed #222;
margin-bottom: 20px;
padding: 15px;
position: relative;
}
.item-in-cart .delete {
display: block;
width: 25px;
height: 25px;
background: url(/assets/images/delete.png) no-repeat 0 0;
text-indent: -9999px;
padding: 0;
border: 0;
position: absolute;
top: -12px;
left: -12px;
z-index: 200;}

どうしてこんなことに？

4

1 に答える 1

2

まず、div要素を閉じます。次に、@adriftが入力に位置を追加することについて言ったことを実行します。次に、ポジショニング、z-indexが機能している間、設定したために左上を上回っていないことに気付くでしょうoverflow:hidden。それを取り出して、そこに行きます。ここにフィドルがあります：http：//jsfiddle.net/jalbertbowdenii/CpmdV/1/

于 2013-03-11T21:54:44.540 に答える