無法弄清楚如何使nivo滑塊箭頭正確面對

我已經盡了一切努力使以前的箭頭面對正確的方式，而不能得到它。如果任何人有任何想法我做錯了，我會非常感謝幫助。另外，雖然我已經問過一個問題，但是如何獲取數字（用於滑動您的圖像）顯示在圖像底部而不是滑塊下方？無法弄清楚如何使nivo滑塊箭頭正確面對

這裏是一個圖像的屏幕頂蓋的鏈接：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; 
}

來源

2013-10-17 WastelandENT

嘗試將此類添加到要翻轉的圖像。

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

從...... Cross-browser way to flip html/image via Javascript/CSS?

來源

2013-10-17 19:23:22 Kierchon

仍然沒有翻轉。我不知道發生了什麼事。我一直試圖弄清楚這一個小時，現在似乎沒有任何工作。我幾乎準備好不帶箭頭去。儘管謝謝你的迴應！ – WastelandENT

@WastelandENT我不知道是否可以用CSS做所有事情。嘗試在油漆中反轉原始圖像。看看這裏http://answers.yahoo.com/question/index?qid=20070713082453AAPXp2S。然後讓左箭頭有這個圖像 – Kierchon

你是一個救生員！在我嘗試過的所有事情之後，我無法相信它從來沒有出現在我的腦海中，只是在PS -_- – WastelandENT

無法弄清楚如何使nivo滑塊箭頭正確面對

回答

相關問題