jquery - Position absolute behaving like position fixed when adding dynamic HTML via javascript -
here's code example i'm having problems with:
i'm trying add dynamic delete button above html elements when hovering. instance when have following html:
<div class="row-fluid" object="columns-editable"> <div class="col-md-6" object="column-editable">column 1</div> <div class="col-md-6" object="column-editable">column 2</div> </div> <div class="row-fluid" object="columns-editable"> <div class="col-md-6" object="column-editable">column 1</div> <div class="col-md-6" object="column-editable">column 2</div> </div>
for each row, when user hovers, icon pops above row allows them delete row. however, when i'm doing in code, position of delete button stays positioned @ top of first row though it's set absolute position.
thank help.
why not use relative
positioning? here example using alternative style rules,
.icon { float:right; position: relative; bottom: 15px; } .upper-controls { position: relative; }
Comments
Post a Comment