Javascript onclick和<；a>；工作不正常

这是我的密码：

<div style="position:absolute;z-index: -1; right: 0; top: 0; width: 30%; height: 100%;">
    <a href="&next"><img id="next" src="img/next.png" style="height:100%;width:100%"></a>
</div>

a

不能正常工作，它只在图像的左上角工作。这对我来说是一个很大的问题，因为这是faq页面的一部分，您可以滚动页面两侧的

我和前一个（左边）有同样的问题。我试着做了

position:relative

和

float:right

，它只对图像的下半部分起作用

有人能帮忙吗？

默认情况下

具有内联样式，请尝试：

 <a style="display: block;"></a>

---

简单地把z-index:1放在下面

<div style="position:absolute;z-index: 1; right: 0; top: 0; width: 30%; height: 100%;">
    <a href="&next"><img id="next" src="next.png" style="height:100%;width:100%"></a>
</div>

---

我认为它通常可以工作

当您想要在HTML上开发下一种/上一种布局时，它应该是这样的：

容器：

对于容器，您应该使其成为绝对的，并覆盖文档的整个区域。为了达到同样的效果，创建一个html结构并使用css类

下一个/上一个：

对于导航按钮，您只需要定义其宽度和不透明度。在确保箭头图像垂直居中后，您需要写入容器范围

以下是这两个组件的代码示例：

HTML:

---

这里可以找到一个完整的例子：

您能提供fiddle linksure。。。等一下，提供一个提琴或代码片段我正在使用它，但问题是它只在左上角起作用哇，谢谢，我可能需要自己测试它，然后我会给你正确的awnser thingok，onclick不起作用，但代码很好，所以我可以用它来做这些事情。非常感谢，这几天来我一直在做这件事。：）是的，下次我需要css时，我会按照这个。不管怎样，如果我已经被雨篷遮住了，也要谢谢你。我选了你，但在我有15次经验之前它不会出现

<div class="container">
    <a href="&next" class="next">
      <span class="helper"></span><img src="http://jsfiddle.net/img/logo.png" height=25 />
    </a>
    <a href="&prev" class="prev">
       <span class="helper"></span><img src="http://jsfiddle.net/img/logo.png" height=25 />
    </a>
</div>

.container{
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: grey;
 }

.next{
    position:absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: lightblue;
 }
.prev{
    position:absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: lightgreen;
 }
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.next img, .prev img{
    background: #3A6F9A;
    vertical-align: middle;
    height: auto;
    width: 100%;
}