【问题标题】:html/css parallax background doesnt work on Edge and IEhtml/css 视差背景在 Edge 和 IE 上不起作用
【发布时间】:2017-08-28 03:17:37
【问题描述】:

我遇到了视差问题。 background-image 只是在 Edge 和 IE 上消失了...... screen from chrome screen from edge 这是我的html:

<div class="description-banner">
                    <p>PASJA, SZACUNEK, <span class="highlighted">PAMIĘĆ.</span></p>
                    <p>W kamieniarstwie Prekambr wkładamy całe swoje serca w każdy najmniejszy szlif.</p>
                    <p>Wiemy, że owoce naszej pracy upamiętniają osoby, które odeszły.</p>
                    <p>Wybierajac nas wybierasz szacunek dla swoich bliskich!</p>
                </div>

和 CSS:

.description-banner {
  background-image: url('../img/nagrobki-prekambr.jpg');
  height: 400px; 
  background-attachment: fixed;
  background-position: 30% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 80px;
  text-shadow: 0 2px 2px rgba(0,0,0,0.5);

}

我还使用了一些 jQuery 插件,例如鼠标滚动时的平滑滚动和 w3schools 的锚点的平滑滚动。 非常感谢您提前提供帮助!

【问题讨论】:

  • 您的标记没有显示问题的最小、完整表示:minimal reproducible example
  • 请给我更多建议,因为我认为示例是最小的、完整的和可验证的
  • 您可以使用开发人员工具查看 CSS 发生了什么。只需按 F12。适用于 Windows 上的大多数桌面浏览器。
  • 我用过没有错误

标签: html css internet-explorer parallax microsoft-edge


【解决方案1】:

已修复 - 我必须更改任何其他图像的图像。我不知道为什么,但它现在可以工作了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-06
    • 1970-01-01
    • 2015-06-28
    • 1970-01-01
    相关资源
    最近更新 更多