Question

我可能做错了什么，但我想在右侧剪掉我的照片。

#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，右边是20 em。这张白色透明图片应该只覆盖该区域。

遗憾的是，我也需要我的名声来发布图片。

Answer 1

制作宽度合适的div，然后将图像放入其中，并将css应用于div：

div {
overflow: hidden;
}

Answer 2

尝试评论width和right参数。这可能有所帮助，但我不确定你想要这个

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

http://cssdeck.com/labs/j7zbc2zs

Answer 3

小提琴

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; 
}

CSS：位置：固定;右边距

3 个答案: