位置之間的衝突：固定和溢出：在CSS中的可見屬性

這是情況。我正在建立一個網頁，我在頁面的右側定位圖片。當我使瀏覽器窗口變小時，我想要出現水平滾動條，所以我包含overflow：visible屬性。我還希望將圖像定位爲固定位置，以便當頁面向下滾動時，中間內容隨背景滾動一起滾動，但圖像保持原樣。但我無法將這兩個功能都帶到我的頁面中。這兩個屬性似乎相互衝突。有沒有辦法解決它？位置之間的衝突：固定和溢出：在CSS中的可見屬性

來源

2013-01-15 sibi chakravarthy

你的代碼太少了。前面的代碼問題。嘗試IMG固定：

img.fixed{ 
    position: fixed; 
    right: 10px; 
    top: 10px; 
    width: 100px; 
    z-index: 55; 
}

來源

2013-01-15 02:53:29 jikey

這幾乎是我如何編碼它。似乎沒有工作。 –

像這樣：'' – jikey

是的。我有不同的類名相同的代碼。 –

我認爲你需要使用所謂的媒體類型的CSS概念....

只使用position:fixed

你不能做到這一點這個CSS添加到您的

頁

@media all and (max-width: 699px), (max-height: 500px){ 
.overflowDiv{ 
     position:fixed;top:100px;height:100px;width:100px; 
     overflow:scroll; 
     }

變化最大寬度和最大高度根據你的需要

這裏是jsfiddle demo

希望它能幫助你。

謝謝

來源

2013-01-15 06:26:39

似乎不起作用。首先，我不想爲該元素使用滾動條，我想爲整個頁面顯示一個滾動條並溢出：scroll;沒有效果。 –

位置之間的衝突：固定和溢出：在CSS中的可見屬性

回答

相關問題