【问题标题】:Problems with CSS in Firefox [closed]Firefox 中的 CSS 问题 [关闭]
【发布时间】:2014-05-19 14:16:40
【问题描述】:

我有一个下面的 CSS,它适用于 Google Chrome,但不适用于 Firefox。

$document->addStyleDeclaration('body{margin-bottom:65px!important} 
.toolbar_fixed{position:fixed;left:1px;bottom:-5px;width:100%!important} 
.toolbar_fixed_inner{style="height:100%;width:100%;background:'.$params->get('background').';border-top:'.$params->get('border_pixels').'px solid '.$params->get('border_color').';color:#202020}
.toolbar_fixed_content{text-align:'.$params->get('align').';width:100%;margin-top:10px;padding-bottom:10px;margin-bottom:5px}
.toolbar_fixed_content a:hover{background:none!important}
.toolbar_fixed_content img{margin-right:'.$params->get('images_space').'px}
');

如果您在 Google Chrome 和 Firefox 中查看此链接(带有社交媒体图标的底部栏),您将了解其中的区别。 http://www.joomla357.com/demo/toolbar-joomla-module.html

请让我知道我怎样才能获得相同的 Firefox。谢谢

【问题讨论】:

    标签: php html css google-chrome firefox


    【解决方案1】:

    我不知道这是什么语法,但可能是这一行

    .toolbar_fixed_inner{style="height:100%;width:100%;background:'.$params->get('background').';border-top:'.$params->get('border_pixels').'px solid '.$params->get('border_color').';color:#202020}
    

    不正确。尝试删除 style=".. 部分

    .toolbar_fixed_inner{height:100%;width:100%;background:'.$params->get('background').';border-top:'.$params->get('border_pixels').'px solid '.$params->get('border_color').';color:#202020}
    

    试一试

    【讨论】:

    • 但是如果这是一个问题,为什么它可以在谷歌浏览器上正常工作?
    • 可能是chrome忽略了这部分,firefox更严格。
    • 是的,chrome 加倍努力,但语法肯定是错误的。
    • 它运作良好.. 谢谢! :)
    猜你喜欢
    • 2014-07-20
    • 1970-01-01
    • 1970-01-01
    • 2011-12-05
    • 2010-11-09
    • 2011-01-31
    • 2021-03-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多