Jquery ';全屏';和';关闭';FancyBox中的按钮
我将FancyBox v3.0.47用于Ajax(html文件)。我们的测试人员注意到,全屏幕和关闭按钮被模式屏幕的垂直滚动区域遮挡 是否有办法调整控件的右边距,将控件向左移动约12px?我尝试在下面的CSS中设置正确的边距,但没有成功。我是在正确的控制下,还是应该找其他地方Jquery ';全屏';和';关闭';FancyBox中的按钮,jquery,html,css,fancybox-3,Jquery,Html,Css,Fancybox 3,我将FancyBox v3.0.47用于Ajax(html文件)。我们的测试人员注意到,全屏幕和关闭按钮被模式屏幕的垂直滚动区域遮挡 是否有办法调整控件的右边距,将控件向左移动约12px?我尝试在下面的CSS中设置正确的边距,但没有成功。我是在正确的控制下,还是应该找其他地方 .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; margin-right: 12px; text-align:
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-right: 12px;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr; }
尝试更改:
右:0
致:
右:12px 你有一个代码示例吗?另一个简单的解决方案是使用CSS将按钮移动到左侧。或者让你的内容可以滚动,而不是整个幻灯片。这很有效!作为记录,18px非常适合将控件移到滚动条之外。