Question

我正在使用以下css代码在我的网站上显示flash文本。 Flash文本在Chrome浏览器中很好地显示，但在Mozilla Firefox浏览器中却没有。如果我添加此代码宽度：650px;位置：绝对;在css中，很好地在mozilla firebos中显示flash文本，但不再在chrome浏览器中显示。我该怎么办？

.flash_text {padding-left：50px; margin-left：50px; }

Chrome浏览器

Flash新闻：人格发展培训计划

Mozilla浏览器

Flash新闻：

            Training Programme on Personality Development

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

以下css代码适用于chrome浏览器

.flash_text {padding-left：50px; margin-left：50px; }

但不是Mozilla浏览器

如果我添加此编码宽度：650px;位置：绝对; 显示良好但铬浏览器无法正常显示该怎么办？

Answer 1

<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]-->

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

1 个答案: