我已将以下内容添加到我的WP站点。CSS位于“我的主题”的“高级”>“自定义CSS”部分。HTML出现在我的页脚中。php位于/body标记的正上方。

当我把整个东西放到jsfiddle中时，它就工作了。但在我的WP网站上，我只在页面左下角收到一条“联系我们”的短信。无格式、不浮动等。

当我检查页面源代码时，我看到所有CSS都已加载。我已经清理了所有的缓存，并试图伪装成windows。

HTML

<div id="ds-sticky-button"> <a href="/about-us/#contact">CONTACT US</a></div>

#ds-sticky-button {
position: fixed;
right: -50px !important; /*Positions the button to the right of the page*/
bottom: 0; /*Sets the distance of the button from the bottom of page*/
width: 200px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
}
/*Styles the link text to make it look like a button - You can edit all these values to match your design*/
#ds-sticky-button a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 1px solid #fff;
  color: #ffffff;
  font-size: 16px;
  background: #ff6600;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}
/*Styles the button on hover - You can edit all these values to match your design*/
#ds-sticky-button a:hover {
  background: #000000;
  text-decoration: none;
}