Question

我的网站导航菜单周围有渐变背景。出于某种原因，这在Chrome和Firefox中有所不同。

我使用WordPress构建网站。

以下是两个显示差异的片段：

这是使用的CSS：

.nav-gradient {
     width: 650px;
     padding-top: 7%;
     margin-top: -7%;
     float: right;
     margin-right: -90px;
     background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);

}

非常感谢任何帮助。

非常感谢！

Answer 1

将此添加到您的div

margin: 0 auto; /*this will centralize the div, horizontal. so that it is nice looking in the middle on different computer screens. */

Firefox和Chrome中的Div对齐方式不同

1 个答案: