我正在尝试在可折叠框的右上角绘制一个删除按钮。我已经这样做了,但出于某种原因,我不能让它显示在可折叠元素的顶部,所以它是可见的。我试图将其设置为 visibility: visible
但我仍然无法使其可见。任何想法或建议将不胜感激。
这是我的 HTML 代码:
<div data-role='main' class='ui-content' id='collapse'>
<div data-role='collapsible' data-theme='b' data-content-theme='b' data-iconpos='right' data-expanded-icon='collapse' data-collapsed-icon='expand'>
<h4>
<a href='#' data-rel='back' data-role='button' data-icon='delete' data-iconpos='notext' style='position:absolute;top:-20px;right: -10px'>Close</a>
<div class='ui-grid-a'> <div class='ui-block-a textfloatleft' > 1 new </div>
<div class='ui-block-b textfloatright'>January 6th 2016</div>
</div>
<span id='collapstxt'> first </span>
<button href='#' id='bt01' data-icon='check' data-iconpos='right' style='width:100px;' onclick='alert(1);event.stopPropagation();' >Reply</button>
</h4>
<ul data-role='listview'>
<li id='answerstyle'><span id='answerstxt'> first </span>
<div class='ui-block-b answrfloatright'>January 6th 2016</div>
</li>
<li id='answerstyle'>Audi</li>
<li id='answerstyle'>BMW</li>
<li id='answerstyle'>Cadillac</li>
<li id='answerstyle'>Ferrari</li>
</ul>
</div>
</div>
还有我的 jsfiddle example
最佳答案
要获得您想要的效果,您需要将 overflow: visible;
添加到包含元素中:
a.ui-collapsible-heading-toggle.ui-btn.ui-icon-expand.ui-btn-icon-right.ui-btn-b { overflow:visible;}
这是 JS Fiddle
关于javascript - 删除按钮隐藏在另一个元素后面。如何使该元素位于顶部以便可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35049300/