0
所以我無法弄清楚如何刪除一個朋友的網站，我工作的懸停效果......我不希望看到的箭頭懸停背景這裏：如何刪除Squarespace中的懸停效果？
http://adam-smith-0nvq.squarespace.com/drawings-paintings
懸停效果顯示在這裏：http://d.pr/i/SyYt
我該如何改變它，使其沒有懸停？
A
回答
3
對於這樣的說明性問題，我總是建議檢查元素併發布相關的代碼片段以及您的問題。通常情況下，你會這樣做，找出這些基本的CSS問題。
將這個自定義的CSS文件中：
.sqs-gallery-controls .next:hover,
.sqs-gallery-controls .previous:hover {
background-color: inherit;
}
如果你檢查這個元素，你會看到SquareSpace有.next以及對這些箭頭的.previous類。這兩個類都有適用於其僞:hover的的規則。所以基本上他們在這個僞類上使用了background-color: rgba(0,0,0,0.2);，創建了透明的黑色背景。
通過插入上面的CSS覆蓋它，以便在懸停時，該元素繼承其類的主背景規則，沒有任何內容（或將來更改它的任何內容）。
希望這會有所幫助。
0
只需設置上懸停background-color到透明
.sqs-gallery-controls.show-hover-effect a:hover {
background-color: transparent;
}