CSS：position：fixed;右邊距

我可能會做錯事，但我想切斷右側的照片。CSS：position：fixed;右邊距

#background 
{ 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    right: 20em; 
    left: 20em; 
    top: 0em; 
    z-index: -1; 
    margin-right: 20em; 
}

背景是一個圖片我想在右側，所以我嘗試右頁邊距沒有運氣切斷，20em。

但是在固定的位置上，我只能使用左側或右側和頂部。任何人都明智的解決這個問題？

Image of website as it is

編輯：所以現在的一側被切斷左側。我也希望它在右側被切斷。

我已經設計了從左邊20em和右邊20em的邊距。這張白色透明圖片應該只包含該區域。

不幸的是，我還需要我聲望張貼圖片。

來源

2014-10-20 user2112605

提供一些小提琴 – Innodel 2014-10-20 11:28:15

使用好寬一個div，然後將圖像中的它，應用CSS到div：

div { 
overflow: hidden; 
}

來源

2014-10-20 11:28:59 Refilon

我刪除了寬度，只是添加了一個保證金。這似乎工作！ div創意讓我意識到我一直在做的事情。非常感謝！ :) – user2112605 2014-10-20 12:02:57

@ user2112605很高興我可以幫助:) – Refilon 2014-10-20 12:07:42

試評width和right PARAMS。它可以幫助，但我不知道，這你要

#background { 
    /* widht: 100% */ 
    height: 100%; 
    position: fixed; 
    /* right: 20em; */ 
    left: 20em; 
    top: 0em; 
    z-index: -1; 
    margin-right: 20em; 
}

http://cssdeck.com/labs/j7zbc2zs

來源

2014-10-20 11:33:54

小提琴

http://jsfiddle.net/eqE9J/135/

<div id="wrapper"> 
    <img src="http://farm5.static.flickr.com/4017/4717107886_dcc1270a65_b.jpg" alt=""/> 
</div>

CSS

div{ 
    max-width:750px; 
} 
img{ 
    width:80%; 
    padding:1%; 
    border:1px solid red; 
    position: fixed; 
    right: 20em; 
    top: 0; 
}

來源

2014-10-20 11:44:12

CSS：position：fixed;右邊距

回答

相關問題