0

这是情况。我正在构建一个网页,我将图像放置在页面的右侧。当我缩小浏览器窗口时,我希望出现水平滚动条,所以我包括溢出:可见属性。我还希望图像定位固定,这样当页面向下滚动时,中间的内容与背景一起滚动,但图像保持原样。但是我无法将这两个功能都带到我的页面上。这两个属性似乎相互冲突。有办法解决吗?

4

2 回答 2

0

你的代码太少。前面的问题以代码为例。尝试修复img:

img.fixed{
  position: fixed;
  right: 10px;
  top: 10px;
  width: 100px;
  z-index: 55;
}
于 2013-01-15T02:53:29.203 回答
0

我认为您需要使用称为媒体类型的 css 概念....

你不能只使用position:fixed

将此CSS添加到您的页面

@media all and (max-width: 699px), (max-height: 500px){
.overflowDiv{
         position:fixed;top:100px;height:100px;width:100px;
         overflow:scroll;
         }

根据您的需要更改最大宽度和最大高度

这是jsfiddle 演示

希望它会帮助你。

谢谢

于 2013-01-15T06:26:39.617 回答