傳送帶按鈕定位錯誤鉻和火狐

Question

我在我的Rails應用程序中添加了傳送帶。哪些在Firefox中工作正常。 但是，當我看到鉻，我才知道「下一步」按鈕的位置已被更改。直到現在我還沒有發現任何修復。

以下爲所有轉盤

.proposal-section .carousel-previous { 
    background: url("/assets//previous.png") no-repeat scroll 0 0 transparent; 
    position: absolute; 
    margin-left: 3px; 
    margin-top: 70px; 
    z-index: 1000; 
} 

Chrome會顯示在頁面的最左側這個屬性值下一個按鈕的CSS，「保證金左：-35;」，但FF是罰款。 並且ff在「margin-left：950;」的右側顯示該按鈕（右側）但鉻罰款。我該如何解決 。

.proposal-section .carousel-next { 
    background: url("/assets//next.png") no-repeat scroll 0 0 transparent; 
    position: absolute; 
    margin-left: -35px; 
    margin-top: 71px; 
} 

.proposal-section .carousel-control { 
    overflow:hidden; 
    display:inline-block; 
    vertical-align:middle; 
    width:30px; 
    height:32px; 
    cursor:pointer; 
    line-height:999px; 
    zoom:1; 
    border:0; 
    text-indent:-9999px; 
} 

.proposal-section .carousel-control:hover { 
    -moz-opacity:.7; 
    opacity:0.70; 
    filter:alpha(opacity=70); 
} 

.proposal-section .carousel-wrap { 
    display: inline-block; 
    vertical-align: middle; 
    width: 99%; 
    border: 3px solid #473161; 
    border-radius: 5px; 
    height: 174px !important 
} 

Answer 1

試試這個，這將使這兩個瀏覽器按鈕（可以是全部）：

.proposal-section .carousel-control { 
    overflow:hidden; 
    display:inline-block; 
    vertical-align:middle; 
    width:30px; 
    height:32px; 
    cursor:pointer; 
    line-height:999px; 
    zoom:1; 
    border:0; 
    text-indent:-9999px; 
} 

.proposal-section .carousel-control:hover { 
    -moz-opacity:.7; 
    opacity:0.70; 
    filter:alpha(opacity=70); 
} 

.proposal-section .carousel-wrap { 
    display: inline-block; 
    vertical-align: middle; 
    width: 99%; 
    border-radius: 5px; 
    height: 174px !important 
} 

.proposal-section .carousel-next { 
    background: url("/assets//next.png") no-repeat scroll 0 0 transparent; 
    position: absolute; 
    margin-left: 5px; 
    margin-top: 65px; 
    height: 45px; 
    width: 23px; 
    opacity:0.4; 
    filter:alpha(opacity=40); 
    -moz-opacity: .4; 
} 

.proposal-section .carousel-previous { 
    background: url("/assets//prev.png") no-repeat scroll 0 0 transparent; 
    position: absolute; 
    margin-left: -10px; 
    margin-top: 65px; 
    height: 45px; 
    width: 23px; 
    z-index: 1000; 
    opacity:0.4; 
    filter:alpha(opacity=40); 
    -moz-opacity: .4; 
}