Question

当你点击左箭头时，一个滑块打开......我有一个给定的右箭头.... 滑块面板中看不到右箭头.... 如何让它可见...... 在下面提供我的代码....

http://jsfiddle.net/XNaYj/1/embedded/result/

<div id="insideSlider" style="border: 1px solid red; width: 100px; height: 100px;">  
                <a href="#slidenav" class="trigger" data-slidenav="over-right" style="position: relative; left: 324px; bottom: 321px;">
                    <div id="btnToggle" class="btnToggleHide ">&nbsp;</div>
                </a>
            </div>

Answer 1

从我能说的最好的情况来看，这个形象并不存在。

尝试检查Chrome中的元素...

将鼠标悬停在链接上，不会显示预览
查看“网络”面板中的项目，无需预览
点击箭头的背景图片网址... 404错误
将背景图片网址替换为已知可正常显示的网址

...可能的

图像引用错误，或
该文件未在发布时进入网站

Answer 2

<div id="insideSlider" style="border: 1px solid red; width: 100px; height: 100px;">  
  <a href="#slidenav" class="trigger" data-slidenav="over-right" style="position: relative; left: 324px; bottom: 321px;">
    <div id="btnToggle" class="btnToggleHide ">&nbsp;</div>
  </a>
</div>

位置：相对;是问题。将其设为0,0或仅从a href="#slidenav"

中删除该样式属性

 <div id="insideSlider" style="border: 1px solid red; width: 100px; height: 100px;">  
      <a href="#slidenav" class="trigger" data-slidenav="over-right" style="position: relative; left: 0; bottom: 0;">
        <div id="btnToggle" class="btnToggleHide ">&nbsp;</div>
      </a>
    </div>

右箭头在滑块中不可见

2 个答案: