2014-11-24 72 views

回答

0

事實證明這個問題是模糊的:背景是使用模糊濾鏡,這造成了怪異的陰影。不過,我不確定爲何以及如何發生這種情況。我刪除了模糊,並在Photoshop中模糊了實際的BG圖像。 看來我遇到了與this question相同的問題。

0
  1. 打開你的網站在Firefox或Chrome
  2. 重現錯誤
  3. 右擊怪異的陰影框,然後選擇檢查此
  4. 外觀對於檢查員中的箱形陰影,並通過單擊複選框禁用
  5. 如果它工作,給自己一個餅乾!你是一個主調試器
0

有一個.tooltip這是通過js加載。在custom.js文件中有18個實例被調用。如果你不需要它,你可以停止從這個文件中調用它。

或者,您的css文件中有27個.tooltip實例。您可以通過刪除它們或只需在您的html文件中添加.tooltip {border-style: hidden;}並刪除邊框。

[編輯]

我把Chrome檢查的截圖:

enter image description here

你可以看到通過JS添加的元素,當你將鼠標懸停在頁面向下字形。您可以完全擺脫工具提示,或者檢查.tooltip.fade.top.in css以查看哪個項目正在創建違規方框。

你應該能夠使用CSS來停止。我的理解是,如果你直接把CSS放在HTML中,它應該勝過你的CSS文件中的任何東西,如果你不想改變文件本身。 HTH

+0

嘿,謝謝你的回答。我看不到這些工具提示是如何引起這個邊框的:那個CSS規則不會改變任何東西。此外,奇怪的邊框不會出現在Safari上。 – vinsanity555 2014-11-24 20:39:57

+0

這只是一個工具提示元素......它應該在人字形上方。這不是創造箱子。禁用工具提示不會改變任何內容,也不會從我的樣式表中刪除陰影框。 – vinsanity555 2014-11-25 19:51:38

+0

它看起來像你解決了這個問題 - 你會發布你做什麼來糾正問題,以便其他人搜索可能從這篇文章學習?提前致謝。 – wahwahwah 2014-12-01 17:11:54

1

在你的樣式表中,我看到一些盒子陰影(它看起來像盒子陰影,而不是文本陰影)。而且他們只會出現在懸停狀態,所以當你檢查你的元素時,你沒有檢查他們的懸停狀態。

無論如何,請進入您的樣式表並搜索box-shadow並將其設置爲無。