Firefox 的 hack 及 問題

2022-09-10 13:12:21 字數 810 閱讀 4001

hack:

@-moz-document url-prefix()}
問題一:行內元素 a 浮動後,導致位置錯亂,暫定原因為父級或本身公用樣式設定了  white-space: nowrap;

html:

<

nobr

>

<

span

>通知

span

><

span

id="sel"

>

span

>

nobr

>

<

nobr

class

="nobr"

>

<

a href

="message.aspx"

class

="moremsg"

>更多

a>

nobr

>

css:

.moremsg.nobr.ms-titletext.ms-titletext, .ms-titletext > a
在 ie7、8、9、10、edge 及 chrome 下,僅使用 .moremsg (float:right; 沒有注釋的情況下)即可有以下效果:

而在火狐下,必須去掉加上 

.nobr,

.ms-titletext.ms-titletext, .ms-titletext > a

以上2個類才行,否則會是如下效果:

Firefox專屬hack的寫法

之前只有ie6 ie6 firefox時,只要寫 important就能夠零丁給firefox做hack了,可是此刻多了ie八 opera chrome等這些個所說的規範瀏覽器後,firefox能熟悉的工具它們都熟悉,偏生firefox有個致命的bug就是不撐持input的line height屬性...

Firefox專屬hack的寫法

之前只有ie6 ie6 firefox時,只要寫 important就能夠零丁給firefox做hack了,可是此刻多了ie八 opera chrome等這些個所說的規範瀏覽器後,firefox能熟悉的工具它們都熟悉,偏生firefox有個致命的bug就是不撐持input的line height屬性...

使用firefox遇到的問題

豐富的外掛程式一直以來是我選擇使用firefox瀏覽器的最重要的原因。可是不斷增多的外掛程式 擴充套件和不斷公升級的firefox之間難免產生一些衝突,有時候找遍網路也不能解決問題,這時通過禁用可疑的外掛程式 擴充套件往往能解決這些惱人的問題。以下記錄兩個我最近遇到的兩個問題 可能的原因 foxli...