創建一個浮動按鈕

我正在研究一個Firefox擴展，並沒有關於如何實現浮動按鈕的想法。我需要一個覆蓋在我的頁面上的按鈕，我可以在頁面上的任何位置顯示/隱藏和動態定位。我以爲我可以做一些像花哨的CSS工具提示，除了用按鈕功能替代它，但是這個想法失敗了，因爲我無法將我的示例分離得足夠好，以便理解我需要包括什麼，需要更改等。創建一個浮動按鈕

我想過使用jQuery（雖然不介意避免，除非它使這很容易），但現在將更多地考慮這種可能性。如果任何人都可以提供教程鏈接，想法，示例代碼，任何有助於我朝着正確方向前進的方式，我將不勝感激！

謝謝！

編輯：澄清

我不完全知道如何實際創建疊加按鈕。我試圖創建一個帶有一些文本的浮動div，但沒有出現，但沒有發生錯誤，這意味着我做錯了什麼，但我不知道那是什麼。 http://www.fijiwebdesign.com/blog/css-tooltips-floating-html-elements.html如果你看看那個網頁，你會發現有一個浮動的「反饋」按鈕，我想創建類似的東西，只是它不會固定在兩側，但我可以將它放在文本等上面。

#floatingBtn 
{ 
    position: absolute; 
    z-index: 10000; 
    top: 50%; 
    left: 50%; 
}

這就是我用來嘗試和浮動我的div的CSS。我不知道我是否在錯誤的地方創建了div，或者...我想如果我可以用一些文本獲得浮動div，我可以將它轉換爲我的按鈕。

來源

2010-09-17 Robert Smith

我真的不明白可能有什麼問題，'position：fixed'無法修復:)你能提供一些關於你卡在哪裏的更多細節嗎？ – 2010-09-17 17:34:53

請詳細說明這一點「但是這個想法失敗了，因爲我無法將我的示例分開得足夠清楚我需要包括什麼，需要更改等。」 – 2010-09-17 18:00:56

添加了說明，代碼和示例。 – 2010-09-17 18:03:19

position: fixed;

應該讓所有的東西都爲你工作。如果找不到父項，則絕對定位是相對於父元素或html元素的。

來源

2010-12-26 08:43:19 CamelCamelCamel

創建一個浮動按鈕

回答

相關問題