amp-carousel 有一个错位的下一个和上一个图像箭头答案

【问题标题】：amp-carousel has a misplaced next and previous image arrowsamp-carousel 有一个错位的下一个和上一个图像箭头
【发布时间】：2018-01-24 11:57:07
【问题描述】：

我正在使用来自AMP Start 的模板。我使用了 amp-carousel。下一个图像和上一个图像按钮的箭头图像位于屏幕顶部并且不可见。我怎样才能解决这个问题？ image one image two

【问题讨论】：

标签： html css templates amp-html

【解决方案1】：

做以下事情：

.amp-carousel-button .amp-carousel-button-prev {
  position: absolute;
  top: 50%;
  left: 0;
}
.amp-carousel-button .amp-carousel-button-next {
  position: absolute;
  top: 50%;
  right: 0;
}

或者使用以下链接将默认指标替换为自定义指标： https://github.com/ampproject/amphtml/blob/master/extensions/amp-carousel/amp-carousel.md

【讨论】：

谢谢，这可行，但在滑过几张图像后，箭头消失了。关于如何解决这个问题的任何线索？
我完全不知道，但我认为如果你对两个箭头都使用 'z-index: 1' 会有所帮助。
我们遇到了消失的箭头问题并从上面切换到 SVG 示例。我们还使用：fill='%23FFF' fill-rule='evenodd'
你在哪里使用这些属性？

【解决方案2】：

为了不让隐藏箭头尝试在 amp-carousel 中添加 type=slides

【讨论】：