bootstrap滑块控件覆盖浏览器pdf控件

我有一个滑块内的pdf与控制到两个下一个pdf。问题是正确的控件与浏览器的pdf控件重叠，所以我无法按下打印输出按钮。 overlaying controls bootstrap滑块控件覆盖浏览器pdf控件

<div class="item fullSize" id="inner-slider-item-0"> 
<object class="center-block fullSize" data="ads/ad_pdfs/1.pdf" type="application/pdf" 
internalinstanceid="75"> </object></div>

来源

2015-10-14 ynotu.

观众 - 工具栏 - 这是PDF控制块。它有CSS样式，如：

viewer-toolbar { 
    visibility: hidden; 
    white-space: nowrap; 
    z-index: 3; 
}

制作的z-index为您右键小于3，一切都会很好地工作：

.right-btn { 
    z-index: 2; 
}

来源

2015-10-14 14:13:56

在Chrome浏览器工具栏上有1的z-index。如果我将右边的btn的z-index设置为0，它仍然重叠。如果我将它设置为-1，则它完全被pdf隐藏。 –

好的。在屏幕上你的按钮在工具栏上方，但是它覆盖了它 - >所以我认为按钮的高度设置为100％，或者类似的东西，不是吗？试着让它变小 - 也许这有助于。或者尝试使用css样式的999像工具栏的z-index –

我想要保持btn的高度为100％，那么如何解决pdf工具栏更改z-index？ –

bootstrap滑块控件覆盖浏览器pdf控件

回答

相关问题