这是我的CSS
.arrow_l, .arrow_r {
-moz-transition: opacity 0.5s ease 0s;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #aeaeae;
height: 60px;
margin-top: 80px;
position: absolute;
width: 36px;
opacity:.75;
}
.arrow_l {
background: url("../images/arrow.png") no-repeat 10px center,red;
background-size: 116% auto;
}
.arrow_r {
background: url("../images/arrow.png") no-repeat -15px center,red;
background-size: 116% auto;
margin-left:-36px;
}
内容在带有 css 的包装器内:
.wrapper {
display: inline-block;
padding: 12px;
}
我不明白为什么右箭头在底行,我该如何解决。