0

我已经尝试了一切以使前一个箭头朝向正确的方向,但就是无法得到它。如果有人知道我做错了什么,我将非常感谢您的帮助。另外,虽然我已经在问一个问题,但如何让数字(为哪张幻灯片显示)显示在图像底部而不是滑块下方?

这是图像屏幕截图的链接:http: //postimg.org/image/xsnhdk9o9/

下面是我的css代码。

.nivo-directionNav a 
{
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
    background:url(../images/blue_arrows.png) no-repeat;
    text-indent:-9999px;
    height:60px;
    width:60px;
    display:block
}

.nivo-prevNav 
{
    left:15px;
}

.nivo-nextNav 
{
    right:15px;
    background-position:-60px;
}
4

1 回答 1

0

尝试将此类添加到要翻转的图像中。

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

来自...跨浏览器方式通过 Javascript/CSS 翻转 html/图像?

于 2013-10-17T19:23:22.160 回答