css - 如何为 Mozilla Firefox 浏览器编写 CSS 代码

标签 css

我正在使用以下 CSS 代码在我的网站上显示 Flash 文本。 Flash 文本在 Chrome 浏览器中显示良好,但在 Mozilla Firefox 浏览器中显示不佳。如果我添加此代码 width:650px;position:absolute;在 css 中,在 mozilla firebos 中可以很好地显示 flash 文本,但不能再次在 chrome 浏览器中显示。我该怎么办??

.flash_text { padding-left: 50px;左边距:50px;

Chrome 浏览器

快讯:人格发展培训计划

Mozilla 浏览器

快讯:

            Training Programme on Personality Development 

如何在两个浏览器中正确显示

下面的 CSS 代码在 chrome 浏览器上运行良好

.flash_text { padding-left: 50px;左边距:50px;

但不适用于 Mozilla 浏览器

如果我添加此编码 width:650px; position: absolute; 显示很好,但 chrome 浏览器再次显示不正确 怎么办??

最佳答案

<html>
<head>
<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>
</head>
<body>

<h1>This should be red in FF</h1>

</body>
</html>

所有 3 个浏览器

<style type='text/css'>
/*This will work for chrome */
                    #categoryBackNextButtons
                    {
                        width:490px;
                    }
/*This will work for firefox*/
                    @-moz-document url-prefix() {
                        #categoryBackNextButtons{
                        width:486px;
                    }
                    }
                </style>
                <!--[if IE]>
                <style type='text/css'>
/*This will work for IE*/
                #categoryBackNextButtons
                {
                    width:486px;
                }
                </style>
                <![endif]-->

关于css - 如何为 Mozilla Firefox 浏览器编写 CSS 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23053270/

相关文章:

javascript - 引导关闭 Canvas 菜单显示小于 992px

javascript - 当我按下键盘上的特定字母时,我想更改 div 大小

html - 在 Bootstrap 中使用单选按钮更改标签字体大小时出现对齐问题

html - 自动调整按钮大小以覆盖每个屏幕的 1/3

javascript - 为什么我的决策树不起作用?

javascript - Jquery 控制菜单在所有菜单上显示箭头,即使是没有子菜单的菜单

javascript - 需要 100% div 而无需在容器 div 上设置固定高度

html - div 中的文本未垂直对齐

jquery - IE7 在悬停之前不会从导航中移除事件状态

jquery - 如何让 Jquery 将 CSS 左值动画化为元素的宽度?