CSS bkg绝对图像&;居中,但也希望在调整窗口大小时将其保留为0px .菜单{ 位置:绝对位置; 顶部:0px; 宽度:100%; 高度:314px; 背景重复:无重复; 背景位置:中心; 背景图片:url(http://sphotos-a.xx.fbcdn.net/hphotos-ash3/578806_10151347589633079_1588853150_n.jpg ); }

CSS bkg绝对图像&;居中,但也希望在调整窗口大小时将其保留为0px .菜单{ 位置:绝对位置; 顶部:0px; 宽度:100%; 高度:314px; 背景重复:无重复; 背景位置:中心; 背景图片:url(http://sphotos-a.xx.fbcdn.net/hphotos-ash3/578806_10151347589633079_1588853150_n.jpg ); },css,background-image,center,css-position,Css,Background Image,Center,Css Position,图像的中心工作。。。但希望将其定位在左侧:当窗口纹理宽度小于图像宽度时为0px;车窗越紧,不要继续向左滚动和切断。这是否可行?任何想法。谢谢 另外,我简化了代码,这样您就可以复制并粘贴到任何编辑器中进行快速测试。使用CSS媒体查询- <style> .menu_bkg { position: absolute; top: 0px; width: 100%; height: 314px; background-repeat: no-repeat; bac

图像的中心工作。。。但希望将其定位在左侧:当窗口纹理宽度小于图像宽度时为0px;车窗越紧,不要继续向左滚动和切断。这是否可行?任何想法。谢谢


另外,我简化了代码,这样您就可以复制并粘贴到任何编辑器中进行快速测试。

使用CSS媒体查询-

 <style>
  .menu_bkg {
  position: absolute;
  top: 0px;
  width:  100%;
  height: 314px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(http://sphotos-a.xx.fbcdn.net/hphotos-ash3/578806_10151347589633079_1588853150_n.jpg
  );
  }
</style>


<div class="menu_bkg"></div>

使用CSS媒体查询-

 <style>
  .menu_bkg {
  position: absolute;
  top: 0px;
  width:  100%;
  height: 314px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(http://sphotos-a.xx.fbcdn.net/hphotos-ash3/578806_10151347589633079_1588853150_n.jpg
  );
  }
</style>


<div class="menu_bkg"></div>

你调查过媒体查询了吗?另一种选择是使用jQuery或类似的javascript框架。谢谢,他们在你们的帮助下,我正在研究它。你们研究过媒体查询了吗?另一种选择是使用jQuery或类似的javascript框架。谢谢,他们在你们的帮助下,我正在研究它。好的,可以……不支持html5的浏览器呢。。。这有可能吗?@fhonics也检查一下这篇文章-ok有效…不支持html5的浏览器呢。。。这可能吗?@fhonics也检查一下这个帖子-