Fatal编程技术网
  • html/
  • Html 背景图像位于'；0%0%'；w、 r.t屏幕而不是父元素，为什么？

Html 背景图像位于'；0%0%'；w、 r.t屏幕而不是父元素，为什么？

html css

Html 背景图像位于'；0%0%'；w、 r.t屏幕而不是父元素，为什么？,html,css,background-image,Html,Css,Background Image,为了更好地理解我所说的，它显示了我正在使用的HTML和CSS代码（） 查看第二幅背景图像的CSS代码： .top-navbar-channels a { background-attachment: fixed; background-color: transparent; background-image: url('http://i.imgur.com/Z1YZt.png'); background-position: 112px 8px; backg

为了更好地理解我所说的，它显示了我正在使用的HTML和CSS代码（）

查看第二幅背景图像的CSS代码：

.top-navbar-channels a {
    background-attachment: fixed;
    background-color: transparent;
    background-image: url('http://i.imgur.com/Z1YZt.png');
    background-position: 112px 8px;
    background-repeat: no-repeat;
    padding: 0 0 0 35px;
}
我不明白的是，背景是相对于屏幕而不是父元素定位的。我尝试了
display:block，但没有更改


我遗漏了什么？
当您有
背景附件：修复时，背景图像的原点始终是视口。这就是为什么它从屏幕左上角开始，并相对于屏幕左上角定位


由于您已经将导航栏粘贴到页面顶部，因此不必对背景图像应用固定定位。可以安全地从两个导航链接中删除
背景附件：已修复
，并相应地调整坐标。
好的，效果很好。谢谢你的直截了当的解释。编辑：下面是修复程序。