在絕對定位的div上隱藏滾動條

我有一個定位的div：絕對，這個div超出了我的網站包裝的範圍，因爲它只包含一個滑塊的背景圖像，並且不需要一直顯示。問題是我無法制定出如何停止觸發滾動條的div。我嘗試過溢出和位置的不同組合，並且無法解決問題。在絕對定位的div上隱藏滾動條

如果您使用螢火蟲檢查元素，只需將它放在滑塊後面的陰影上，即可看到相關的div。您會注意到一旦瀏覽器邊界觸及滾動條就會觸發滾動條。 View link

任何人都可以讓我知道如何停止滾動條出現陰影div嗎？

乾杯的Nik

2011-07-27 Nik

沒有看到它，兄弟。你使用的是什麼瀏覽器？ –

@Joseph - Firefox的Firebug提示 –

@Aleksi Yrttiaho正確，但是我已經在Chrome上安裝了Firebug，這是我一直使用的瀏覽器。無論如何，我想確定一下。（注意：我不會在FF中唱任何惡作劇滾動條） –

首先，感謝那些評論。

我想出了一個解決方案，可以讓我在保持文檔寬度的同時保持佈局相同。我所做的是在主包裝器中創建一個寬度爲100％（瀏覽器窗口全寬）的＃wrap2。

#wrap2 {background: url(../css_img/slider-bg.png) no-repeat center 317px; }

這個技巧是確保圖像位置設置爲中心。這意味着圖像在調整瀏覽器大小時也會與內容相關。我在滑塊後面製作陰影線的方式是在左側添加空白像素，因此圖像最終寬度大約爲1200px，這個陰影部分正確。因爲它全部是空白像素，所以只增加了大約1kb。如果有人認爲有更好的解決方案，請告訴我。

2011-07-28 07:29:33 Nik

它是DIV的大小。當我使用Chrome瀏覽它時，CSS顯示容器DIV被設置爲520px寬度，有問題的DIV被設置爲733px，因此它實際上超過了980px寬度的中心區域。除非你想讓陰影消失，否則我建議將它向左移動一點，讓div保持較小。

您可以在body元素上使用CSS overflow-x：hidden。

想到的其他更復雜的方式是使用jQuery來檢測窗口的大小並根據窗口的大小調整有問題的div。

2011-07-27 20:08:45

回答