溢出：隱藏不起作用

當我在瀏覽器中運行我的代碼時，背景正是我已經想要它的地方，問題是我仍然可以向下滾動，顯示最初隱藏的背景部分。我需要它，以便我試圖輸入的圖片不會脫離頁面，並且不會再顯示任何背景。這裏是我的代碼（對不起，我知道這是馬虎）：溢出：隱藏不起作用

<!DOCTYPE html> 
<html> 
<head> 
<title>XXX</title> 
<meta charset="utf-8" /> 
<style> 
    body { 
     background-image:url("Images/Background2.png"); 
     background-size: cover; 
      background-repeat: no-repeat; 
} 
    .cf img.bottom:hover { 
     opacity:0; 
     overflow:hidden; 
} 

    #container1 { 
     position:relevant; 
} 
    #positioning { 
      position:absolute; 
     Top:500px; 
     Left:500px; 
     Width:1000px; 
     Height:600px; 
     overflow:hidden; 
} 
</style> 

</head> 
<body> 
    <IMG STYLE="position:absolute; TOP:38px; LEFT:90px; WIDTH:220px; HEIGHT:25px" SRC="Images\Logo.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
     <div class="cf"> 
      <img class="top" IMG STYLE="position:absolute; TOP:255px; LEFT:106px; WIDTH:140px; HEIGHT:26px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\Contact_001.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="bottom" IMG STYLE="position:absolute; TOP:255px; LEFT:106px; WIDTH:140px; HEIGHT:26px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\Contact_002.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="top" IMG STYLE="position:absolute; TOP:355px; LEFT:105px; WIDTH:120px; HEIGHT:25px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\About_001.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="bottom" IMG STYLE="position:absolute; TOP:355px; LEFT:105px; WIDTH:120px; HEIGHT:25px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\About_002.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="top" IMG STYLE="position:absolute; TOP:455px; LEFT:108px; WIDTH:100px; HEIGHT:24px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\Work_001.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="bottom" IMG STYLE="position:absolute; TOP:455px; LEFT:108px; WIDTH:100px; HEIGHT:24px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\Work_002.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="top" IMG STYLE="position:absolute; TOP:555px; LEFT:115px; WIDTH:280px; HEIGHT:30px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\WTU_001.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
      <img class="bottom" IMG STYLE="position:absolute; TOP:555px; LEFT:115px; WIDTH:280px; HEIGHT:30px" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\WTU_002.png" border:"0" draggable="false" style="-moz-user-select: none;"> 
     </div> 

      <div id="container1"> 
       <div id="positioning"> 
        <img class="bottom" SRC="C:\Users\children\Desktop\PortfolioConcept_001\Images\Photoshop1.png"> 
    </div> 
</div> 
</body> 
</html>

我事先沒有使用樣式表在所有，感謝的人誰改掉幫助。

來源

2014-03-06 user3386701

您可以發佈一個鏈接到實時預覽。這種方式很難找到問題。 – madhushankarox

IMG STYLE是什麼？ – madhushankarox

我相信IMG STYLE基本上是一個樣式表，但僅適用於某個圖像。 – user3386701

請試試吧

body { 
     overflow-x: hidden; 
     overflow-y: hidden; 
    }

來源

2014-03-06 06:00:50

如果瀏覽器窗口的高度小於600px，寬度大於1000px，它會隱藏頁面內容？ – madhushankarox

你是對的@madhushankarox –

不完全是，頁面尺寸是1920 x 1080，您給我的代碼刪除滾動條，但我仍然可以向下滾動並滾動下面的背景，我需要它是無論如何圖像的尺寸是什麼，窗口將始終保持爲1920x1080，並且將保持不可滾動。 – user3386701

嘗試

html, body { 
    height: 100%; 
} 
body { 
    overflow: hidden; 
} 
#positioning { 
    max-height: 100%; 
}

來源

2014-03-06 08:33:59 madhushankarox

不，同樣的問題，仍然存在衰減。 – user3386701

請給我一個實時鏈接，讓我可以試試。 – madhushankarox

這很好，非常感謝你們兩位，我找到了我的回答:)乾杯。 – user3386701

溢出：隱藏不起作用

回答

相關問題