Question

我一直在定制一个单页设计的wordpress模板（参见http://ggc.inductiveplay.com） - 它在主页上拉出一个浮动按钮：应该：向下滚动到下一部分（#menu），但由于某种原因，它一直指向第3部分（#location）。

我想覆盖CSS中我自定义按钮大小/外观的链接，并假设我的语法错误：

.a-btn {
    padding: 2px 12px !important;
    margin-bottom: 5px !important;
    opacity: .8;
    z-index: 1;
    href="#menu";

}

如果有快速解决方法，我很乐意知道，否则我会喜欢有关网站上链接设置/计算位置的任何见解。

Answer 1

您可以在css中添加HTML元素之前和之后的内容。但是你无法使用CSS更改链接。以下是糟糕的CSS语法：

href="#menu";

要在CSS之前添加内容，您可以使用以下HTML元素：

<div class="sample-text"></div>

然后使用以下CSS：

.sample-text:before {
content:"blah blah";
}

而不是“等等”，你可以拥有别的东西。

你不能在CSS中使用HTML，所以你不能做你想做的事，但这是你能得到的最接近的。

但是您可以使用javascript更改链接。

如果您指定z-index，position:relative或position:absolute，则只能使用position:fixed。