貓頭鷹滑塊questioin。懸停時導航按鈕閃爍

Question

任何人都可以告訴我爲什麼貓頭鷹滑塊的導航按鈕在盤旋時閃爍？ 這些是'+'加號圖像。 http://kmg.makingconnection.co.uk/

Thankyou'dingo_d'。通過做左：0 &正確：0與位置：絕對解決了我的問題。

Answer 1

你的按鈕有超過他們的不透明度爲0.5，而當你懸停存在不透明度爲1

.owl-theme .owl-controls.clickable .owl-buttons div:hover { 
    filter: Alpha(Opacity=100); 
    opacity: 1; 
    text-decoration: none; 
} 

每次都盤旋在它時間的變化，因爲你正在使用的背景爲一個加號，你顯然會觸發導致閃爍的變化。這是更好地使用這種pseudoelements（即使當你把不透明度下來，你可以看到有些重疊）

#owl-demo .owl-prev{ 
    float: left; 
    margin-left: 65px; 
    font-size: 0; 
    width: 32px; 
    height: 31px; 
    position:relative; 
    background:transparent; 

} 

#owl-demo .owl-prev:before, 
#owl-demo .owl-prev:after{ 
    content:""; 
    position:absolute; 
    top:0; 
    left:50%; 
    margin-left:-4px; 
    width:8px; 
    height:32px; 
    border-radius:3px; 
    background: #ED1B34; 
    opacity:0.5; 
} 

#owl-demo .owl-prev:after{ 
    transform: rotate(90deg); 
} 

#owl-demo .owl-prev:hover:before, 
#owl-demo .owl-prev:hover:after{ 
    opacity:1; 
}