FancyBox 中的 'full screen' 和 'close' 按钮

Question

我正在为 Ajax（html 个文件）使用 FancyBox v3.0.47。我们的测试人员注意到全屏和关闭按钮被模态屏幕的垂直滚动区域遮挡了。

有没有办法调整控件的右边距，使控件向左移动大约 12px？我尝试在下面的 CSS 中设置右边距，但是没有用。我是在正确的控件中，还是应该寻找其他地方？

.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; }

Answer 1

尝试更改：右：0；

致： right:12px;

FancyBox 中的 'full screen' 和 'close' 按钮

'full screen' and 'close' buttons in FancyBox

jquery

html

css

fancybox-3