我试图从页面上删除滚动条,我不明白我做错了什么

时间:2018-01-10 00:32:51

标签: html css

我希望页面看起来像第二个图像。我认为通过溢出就足以隐藏图像的其余部分

结果如下:

enter image description here

这就是我想要的

enter image description here



.bgMentor{
	height: 100%;
	width: 100%;
	overflow:hidden;
	position:absolute;

  }
  
  .bgMentor img{
  	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
  }

<div class="bgMentor">
	    		<img class="img-responsive" src="{{Storage::url('img/getamentor.png')}}"> 
	    	</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

尝试为您的位置添加顶部和左侧值:绝对元素

.bgMentor{
    height: 100%;
    width: 100%;
    overflow:hidden;
    position:absolute;


    top: 0;
    left: 0;
  }

答案 1 :(得分:0)

尝试使用overflow-y: hidden;而非overflow:;。如果这不起作用,请尝试将<Img>直接放入正文并使用class=“bgMentor”对其进行样式化。