4 
 p {
        margin:0;padding:0;
    }
    p#error {
        color:#FF0000;
        text-align:center;
    }
    p#success {
        color:#3983C2;
        text-align:center;
    }
    div#nav {
        background-image:url('../img/nav.png');
        background-repeat:no-repeat;
        padding-top:5px;
        padding-bottom:5px;
    }
    div#nav, a {
        text-decoration:none;
    }
    body {
        margin:0 auto;
        width:600px;
    }
    div#login, div#register {
        background-image:url('../img/form.png');
        background-repeat:repeat-y;
        padding-top:5px;
        padding-bottom:5px;
    }
    div#login table, div#register table {
        margin:0 auto;
    }
    div#login table td, div#register table td {
        text-align:right;
    }
    div#login input#btn, div#register input#btn {
        background-image:url('../img/btn.png');
        border-style:none;
        width:70px;height:25px;
    }
    div#footer {
        background-image:url('../img/footer.png');
        height:30px;
    }

这是我的 CSS 代码。我不知道如何让这个 CSS 在其他浏览器中工作，目前我在 Chrome 中工作。我已经在网上搜索了很多相关信息的页面，但是这些对我来说更难以理解。需要您的建议等。非常感谢！

4

3 回答 3

7

您的 CSS 应该可以在所有浏览器中按原样工作。从浏览器到浏览器的显示可能不同。大多数开发人员使用重置来解决该问题。

CSS 重置

http://meyerweb.com/eric/tools/css/reset/

或者

标准化

http://necolas.github.com/normalize.css/

于 2012-08-23T14:10:31.120 回答
3

问题是每个浏览器为不同的项目添加了不同的默认边距、填充等。这意味着您可以在每个布局中获得轻微或很大不同的布局。

我喜欢做这样的 CSS 休息：

*{margin:0; padding:0}
于 2012-08-23T14:10:51.407 回答
1

IE（最大的敌人）：http
://css-tricks.com/how-to-create-an-ie-only-stylesheet/ 火狐：http ://css-tricks.com/snippets/css/css-hacks- target-firefox/
Opera：如何使 CSS 仅对 Opera 可见

于 2012-08-23T14:11:41.983 回答