Question

我是WordPress的新手。我们已经购买了其中一个主题，我试图为我们的页脚添加渐变。该主题提供了一个自定义CSS选项，但是当我将此代码添加到自定义CSS并保存时，我没有看到任何更改。

这是我添加到页脚的代码：

.footer {

background: #87e0fd;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzNmOTNiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTJlM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, #87e0fd 0%, #3f93b5 38%, #012e3a 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(38%,#3f93b5), color-stop(100%,#012e3a));

background: -webkit-linear-gradient(top, #87e0fd 0%,#3f93b5 38%,#012e3a 100%);

background: -o-linear-gradient(top, #87e0fd 0%,#3f93b5 38%,#012e3a 100%);

background: -ms-linear-gradient(top, #87e0fd 0%,#3f93b5 38%,#012e3a 100%);

background: linear-gradient(to bottom, #87e0fd 0%,#3f93b5 38%,#012e3a 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#012e3a',GradientType=0 );

}

Answer 1

根据这些有限的信息给你一个准确的答案有点困难，但我会尝试。

您的CSS有效。我把快速测试放在一起，它似乎在Firefox和Chrome中都有效。所以你在那里很好。

最常见的问题及其解决方案：

混合ID和类：您正在使用 class 'footer'，在CSS中用点开头表示。页脚有可能使用ID，该ID使用哈希编写。您可以将选择器更改为#footer。
页脚为空：如果HTML中的元素为空，则会导致元素的高度为零像素，这实际上使其不可见。添加以下内容并将其调整到CSS的第二行：height: 256px;

Wordpress /自定义页脚

1 个答案: