2013-09-24 94 views
0

我無法在小提琴中成功地重新創建此錯誤。 Here's a link to the site(它永遠不會降下來)。jQuery新聞股票,背後其他jQuery插件和圖像

當您到達該網站時,您會在該網站的底部看到新聞摘要。當你向下滾動,你會發現當你經過1.主滑塊2.公告滑塊,並3圖像軍事,護理,格魯吉亞 ...的股票被藏在所有這些背後。

我該如何保持這一點?

我已經放在這個腳本的DOM被加載後調用,並且滑塊腳本調用之前...

$(function() { 
    $('div.latest-news').jNewsbar({ 
     position: 'bottom', 
     effect: 'slideup', 
     height: 25, 
     animSpeed: 600, 
     puaseTime: 4000, 
     toggleItems: 5, 
     theme: 's-orange' 
    }); 
});  

它使用jQuery 1.9.1(CDN)。

回答

1

首先,你可以給CSS類jnewsbar屬性z-index: 99

,其他元素的原因 - 這是OVER了newsbar - 是在newsbar的是,他們都是position: relative這使得它們開放的z-index 。新聞欄是position: absolute - 這也受z-index

由於事實上,所有其他元素後來進入DOM,他們得到比新聞欄更高的「優先級」。

因此,無論是使用z-index: 99還是將jnewsbar DIV向下移動到HTML中。

+0

你釘了它!謝謝!繼續編碼的朋友!快速的問題,如果你不介意。你怎麼知道哪個數字作爲z-index?你是否通過我的整個樣式表來獲取? – webfrogs

+0

@webfrogs編號'99'剛剛組成。我只是選擇了一個很高的數字來確保成爲最高要素,因此您有足夠的數字留給將來的元素。當然,你可以拿更少的數字或更高的數字。 –

+0

太棒了!再次感謝! – webfrogs