2010-05-28 49 views
0

我想弄清楚爲什麼當你在Firefox中進行鼠標懸停時,下一頁左側導航面板中的文字正在縮小&下劃線。左側&頂部爲什麼我的CSS覆蓋包裝器中的CSS?

http://fundcentre.newireland.ie/

一切都是我們注入我們的內容到包裝的一部分。我們的內容是從「FUND CENTRE」向下的所有內容。

有人可以提出一些我可以做的事情來解決這個問題嗎?謝謝。

回答

1

在newIreland.css文件中應用了幾種樣式。這是造成這種行爲。

.ClipboardLink一個:鏈路,:懸停,一個:訪問,一個:活性{

字體-family:宋體,宋體,黑體,無襯線;

font-size:12px!important;

padding-bottom:2px;

text-decoration:underline!important;

//檢查這一行做的CSS重要的原因是,當你將鼠標懸停在

}

+0

謝謝你,這似乎是我遇到的問題的原因。不幸的是,當我從違規的css規則中刪除!重要指令時,它會停止干擾包裝頁面,但它也會破壞我們內容中的樣式。看起來我必須弄清楚如何讓我的東西以其他方式工作 – DaveDev 2010-05-28 15:25:07

2

堅持.content在所有的CSS規則前面。

所以a:hover { ... }成爲.content a:hover {...}

這將限制這似乎是所有你的內容div任何損害。

+0

這將是大量的複製和粘貼!謝謝:-) – DaveDev 2010-05-28 14:13:55

+0

您可以將自己限制爲只有負面影響的規則,但您需要首先跟蹤這些規則。我建議使用螢火蟲,但這比僅僅通過並添加'.content'更快嗎? – Oli 2010-05-28 14:55:33

+0

嗨奧利,不幸的是這並沒有任何效果。我想這是因爲我指定的重要規則,正如下面的sushil所指出的那樣。謝謝 – DaveDev 2010-05-28 15:16:23

0

文本與鼠標懸停在菜單上蝨子「大膽」,並得到「下劃線」是下劃線,這都是因爲你有:懸停行爲分配與屬性...

我已經採取了一個潛入你的CSS高峯,但它的方式密集的我現在的時間......並重復以及!

儘量簡化了與普通類的你的CSS並找到所有你:懸停事件,抽空就誰上相同的HTML元素用於菜單中的一個人的工作,仔細一看......

更好的,分配給菜單ID或 class an:具有相同 屬性的懸停事件比用於正常 狀態中的菜單的屬性!