2014-06-30 44 views
0

如果我把我的菜單欄擴展,關閉擴展一些CSS屬性不工作後。 (在附加工具欄它完美的作品)CSS樣式不會在菜單工具欄工作在Firefox(擴展)

視頻:http://www.youtube.com/watch?v=iM9EVFe8M4U

github上:https://github.com/Exclumice/firex/tree/master/content

CSS:它變得無法操作https://github.com/Exclumice/firex/blob/master/skin/overlay.css

CSS屬性:

.proxy-help { 
    background: url("icon-help.png"); 
    background-position: 97% 50%; 
    background-repeat: no-repeat; 
    background-color: #e5e5e5; 
    border-radius: 10px; 
    padding: 5px; 
    text-align: center; 
    width: 100%; 
} 
.proxy-help-text > label { 
    width: 80%; 
} 
.proxy-list hbox > label.proxy-country { 
    padding: 5px; 
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px; 
    background: url("planet.png"); 
    background-position: 5px center; 
    background-repeat: no-repeat; 
    width: 180px; 
    text-indent: 25px; 
} 
.proxy-list .proxy-type { 
    padding: 5px; 
    width: 50px; 
} 

如何要解決這個問題?這是爲什麼發生?

在此先感謝。

+0

讓我們在這裏聊天:http://chat.stackoverflow.com/rooms/56501/css-styles-doesnt-work-in-menu-toolbar-in-firefox-extension – Noitidart

+0

嘿,我看到你是男人沒有得到答覆。我說嘗試重做你的CSS沒有百分比。僅使用框樣式。 – Noitidart

回答

0

好測試後,我們發現這一點。

當它在工具欄的元素是黑色的DOM查看器,所以它們不是匿名: in toolbar - non anon

但是,當我們將它們移到PanelUI-popup他們成爲匿名,注意他們是如何在檢查紅色: in panelui-popup now are anonymous

也許@nmaier可以在這裏建議。

我想一個框失去其box'ness,那麼你使用正在osme不同的盒子一旦放置在PanelUI Panel的-poup的%的%的寬度。