使用骨干網時CSS無法正常工作

Question

我正在使用bone.js和require.js來開發網頁。 現在我陷入困境，任何人都可以幫助我。 我想在頁面底部顯示固定的<div>甚至向下滾動光標。 我添加了以下內容：

<div id="btn-scroll-up" class="footer-content btn-scroll btn btn-sm btn-inverse">
     <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</div>

我也創建了一個帶有類的CSS：

.btn-scroll {
   position: fixed;
   bottom: 0;
   right: 0;
   visibility: visible;
 }

但是，令我驚訝的是，這個固定位置無法正常工作。 我正在使用主干模板，模板中包含的<div>部分和CSS已加載到index.html中。 請隨時更新您對此的看法。

謝謝，Jyothis

Answer 1

在您的position屬性上嘗試一下。 可能是骨干網覆蓋了CSS。

position: fixed !important;

Answer 2

如果您可以像這樣更改CSS類：

#btn-scroll-up.btn-scroll {  /* <---use a #id.class selector */
   position: fixed;
   bottom: 0;
   right: 0;
   visibility: visible;
 }

---

因為ID具有最高優先級，所以這將起作用，因為我們選擇了ID和Class名稱結合在一起的元素。