html - 图像的位置大于窗口大小

标签 html css

我注意到背景图像比浏览器窗口大,并且它以一定的百分比定位,他假设从屏幕开始的位置...... 查看 this page

左边栏的背景是一个2000px的gif,这是CSS规则

div#container{min-width: 550px;background: #FFF url(leftP.gif) repeat-y 25%}

在正常/合乎逻辑的情况下,图像应位于(窗口大小*25)/100 像素,但在这种情况下,图像似乎位于负坐标(即 -50 像素)

那么,当图像大于窗口大小时,用百分比表示的位置指的是什么? HTML 应用的公式是什么?

最佳答案

我想你想要背景大小属性:

http://www.w3schools.com/cssref/css3_pr_background-size.asp

在您上面的示例中,25% 将应用于定位,而不是尺寸。

关于html - 图像的位置大于窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11776629/

相关文章:

javascript - 图片问题下的 HTML5/CSS Sticky Header

jquery - CSS Sprite 不工作

javascript - 使用动态导入的图像在 Bootstrap 模态内翻转卡片

javascript - 每个不封装 block

javascript - "Extend"适合粘性页脚的网页

html - 分配给一个类的图像的组合器是什么?

javascript - jquery javascript onclick 幻灯片面板

javascript - html 上的内联脚本不起作用?

html - 完全相同的 CSS 代码适用于一页而不适用于另一页

javascript - jQuery - 防止跳转但遵循散列链接