圖像作爲背景沒有css

-1

我有一個div，應該始終在瀏覽器的中心。現在有一個圖片永遠在瀏覽器中間。但問題是div是960px寬，但圖片是1263px。我該如何解決問題？當瀏覽器窗口更小時，我仍然需要的是死掉，應該只在960px處來滾動條。我知道我可以在理論上解決任何問題，如果我將Tell css圖像作爲背景圖像進行整合。但是，這並不工作，遺憾的是，因爲我真的需要img標籤圖像作爲背景沒有css

#header-bottom { 
    height: 1245px; 
    background: red; 
    width: 960px; 
    margin: 0 auto; 

} 
.header-bottom-wrapper { 
    position: relative; 
    width: 960px; 
    margin: auto; 
    height: 545px; 
} 



<div id="header-bottom"> 
      <div class="header-bottom-wrapper"> 
       <img src="http://dummyimage.com/1263x545/000/fff"> 
       </div> 
      </div>

http://jsfiddle.net/UcLnD/

來源

2014-03-27 herrsaidy

爲什麼你真的需要圖像標記？ – BenM

，因爲我使用的是jqueryslider，需要img標籤 – herrsaidy

這個問題描述是由Google翻譯給你的 - 翻譯後幾乎變得非常有意義 – Huangism

試試這個：

#header-bottom { 
    height: 1245px; 
    background: red; 
    width: 960px; 
    margin: 0 auto; 
    overflow: hidden; 

} 
.header-bottom-wrapper{ 
    position: relative; 
    width: 960px; 
    margin: auto; 
    height: 545px; 
} 

.header-bottom-wrapper img { 
    margin-left: -152px; 
}

來源

2014-03-27 17:01:34 Pirata21

ok，爲什麼margin-left：-152px？使用此解決方案，我無法看到整個圖像 – herrsaidy

要查看整個圖像，請刪除溢出：隱藏;爲＃標題底部。如果容器的圖像比較小，則必須將圖像容器/ 2，爲什麼/ 2之間的差異放大。因爲是唯一的方法，以確保你有相同的區別左側和右側 – Pirata21

好的，謝謝。但是當我刪除溢出：隱藏，我得到的滾動條:( – herrsaidy

可以使用負利潤率幾乎減少空間的圖像所需要。

<div class="clipimg"> 
<img src="imagetoowide-1000px" /> 
</div>

.clipimg { 
width:500px; 
text-align:center; 
} 
clipimg img { 
margin:0 -50%; 
}

了右/左和文本對齊調緣陰性。

這裏舉例中心圖像和短片雙方

例子：http://codepen.io/gc-nomade/pen/hjyEv/

來源

2014-03-27 17:03:21

林不知道你不使用CSS指定修復的意思。但是圖像需要保持相同的大小？如果您希望圖像來調整基於browersize它添加到你的CSS：

.header-bottom-wrapper img {width:100%;}

#header-bottom { 
    height: 1245px; 
    background: red; 
    width: 960px; 
    margin: 0 auto; 

} 
.header-bottom-wrapper { 
    position: relative; 
    width: 960px; 
    margin: auto; 
    height: 545px; 
} 

.header-bottom-wrapper img {width:100%;} 


<div id="header-bottom"> 
      <div class="header-bottom-wrapper"> 
       <img src="http://dummyimage.com/1263x545/000/fff"> 
       </div> 
      </div>

來源

2014-03-27 17:05:49 JCBiggar

圖像應該有相同的大小 – herrsaidy

圖像作爲背景沒有css

回答

相關問題