jquery - Position absolute behaving like position fixed when adding dynamic HTML via javascript -


here's code example i'm having problems with:

http://jsfiddle.net/eejpjch3/

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.

enter image description here

thank help.

why not use relative positioning? here example using alternative style rules,

.icon {     float:right;     position: relative;     bottom: 15px; }  .upper-controls {     position: relative; } 

jsfiddle link


Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -