是否可以定位Pinterest懸停按鈕

我正在使用Pinterest懸停按鈕小部件爲客戶網站。是否可以定位Pinterest懸停按鈕

https://developers.pinterest.com/on_hover_pin_it_buttons/

默認情況下，它出現在所有圖像的左上角。它看起來不像他們的腳本允許定位。是否有可能用CSS覆蓋這個？

謝謝

來源

2015-05-18 Rob C

你到目前爲止試過了什麼？你可以用代碼提供[jsfiddle]（http://www.jsfiddle.net）嗎？ – Wavemaster

https://jsfiddle.net/2xzxgvfw/ –

我已經嘗試過在鏈接類和一般標籤中查看是否可以使用頂部/左側定位，查看它將引腳按鈕放在iframe中的源代碼 –

是的，我相信它是。如果您生成代碼，您會看到它的按鈕被創建爲一個範圍，然後用內聯樣式進行定位，我對每個圖像都進行動態猜測。

在這個例子中，我看着它有類xc_pin，所以我將用它作爲我的例子，但要記住，你所擁有的類可能不同。

正如我所提到的，跨度是內嵌式的，所以要覆蓋它，您將不得不使用！important，否則樣式將被覆蓋。以下是您的代碼的外觀：

xc_pin { 
    left: 20px !important; 
    top: 50px !important; 
}

我希望這有助於您！

有工作的jsfiddle編輯

與CSS玩弄後，我設法找到一種方法使用CSS兄弟選擇的目標吧，這裏是的jsfiddle：https://jsfiddle.net/2xzxgvfw/19/

希望這能解決你的問題！

來源

2015-05-18 13:05:43

嗨，謝謝你的回覆。我在我的網站樣式表中試過，但沒有奏效。如果您看到jsfiddle（https://jsfiddle.net/2xzxgvfw/），則Pinterest小部件只是一行javascript，因此所有css都保留在其服務器上，並且使用iframe將小部件添加到頁面中。 –

我不認爲這是一個i幀，當檢查js-fiddle上的元素時，它在我看來只是一個樣式標籤？這就是說，我發現它非常難以定位，因爲它是動態添加的。然而，這絕對是可能的，在這裏我可以改變風格使用只是CSS：https：//jsfiddle.net/2xzxgvfw/12/。我意識到你可能不想把所有的a都放在重要的課堂上，因爲這會很快變得麻煩。我正在研究一種動態添加類的方式，以便在出現樣式時獲得樣式。 –

嗨哈維，你的jsfiddle讓我選擇我需要的移動元素。非常感謝！ :) –

我不知道你是怎麼生成的代碼，但我認爲應該有地方稱爲文件：ppibfi_pinterest.css在這個文件中查找行：

.pibfi_pinterest .xc_pin{}

那裏你應該找到類似：top: 5px; margin-left: -1px; 如果你調整了這個，你應該可以修改pinterest圖標的位置

來源

2015-05-18 13:06:18 Rotan075

是否可以定位Pinterest懸停按鈕

回答

相關問題