如何从滚动停止全站点图像？

Question

我正在尝试构建一个全宽度的镶板网站。我以100％宽度使用的图像是水平滚动的。我试过溢出：隐藏试图阻止它但似乎没有任何工作。有任何想法吗？

CSS：

＆＃13;

＆＃13;

#widthwrapper {
	width: 1000px;
	margin: 0 auto;
}

#imgbg {
  width: 100%;
  position:relative;
  float:clear;
margin: 0;
overflow-x: hidden;
overflow-y: hidden;
display:block;
}

h2 { 
   position: absolute; 
   z-index: 0;
   color:white;
   font-size:50px;
   font-family:Helvetica, Arial, sans-serif;
   text-align:center;
}

HTML:

＆＃13;

<section id='panel1'>
<img id='bgimg' src='herobackground.png'/>
<div id='widthwrapper'>
<h2>Where would you like to go?</h2>
</div>
</section>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我无法对您的代码说多少，但如果您希望自己的图片具有响应性，那么您必须在css中设置img { max-width:100%}。