Css 使用IE8+；，外观和感觉更加一致；，火狐浏览器_Css

Css 使用IE8+；，外观和感觉更加一致；，火狐浏览器

css

Css 使用IE8+；，外观和感觉更加一致；，火狐浏览器,css,Css,我在获取一些CSS3属性（例如按钮上的圆角）以显示在IE 8浏览器中时遇到问题。圆角在IE9+、Firefox和Chrome中显示良好。我正在MVC4Web应用程序中使用一些引导类。有没有什么方法可以使IE的旧版本（如IE8）具有更一致的风格？我听说过CSS3馅饼，但想看看是否还有其他替代品。有人能提供一些建议吗？以下是我的应用程序中包含文件的列表： <head> <meta charset="utf-8" /> <title>@ViewBa

我在获取一些CSS3属性（例如按钮上的圆角）以显示在IE 8浏览器中时遇到问题。圆角在IE9+、Firefox和Chrome中显示良好。我正在MVC4Web应用程序中使用一些引导类。有没有什么方法可以使IE的旧版本（如IE8）具有更一致的风格？我听说过CSS3馅饼，但想看看是否还有其他替代品。有人能提供一些建议吗？以下是我的应用程序中包含文件的列表：

<head>

    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <meta name="description" />
    <meta name="author" content="" />


    @*----------------------------JQUERY------------------------------------*@
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/jquery-migrate-1.1.1.js"></script>
    <script src="~/Scripts/jquery-ui-1.10.1.js"></script>
    <script src="~/Scripts/jquery-ui-1.10.2.custom.js"></script>
    <script src="~/Scripts/jquery.json-2.4.js"></script>
    <script src="~/Scripts/jquery.timepicker.js"></script>

    <link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" />
    <link href="~/Content/jquery.timepicker.css" rel="stylesheet" />

    @*----------------------------Modernizr------------------------------------*@
    <script src="~/Scripts/modernizr-2.5.3.js"></script>


    @*----------------------------Bootstrap------------------------------------*@
    <script src="~/Scripts/bootstrap.js"></script>
    <link href="~/Content/bootstrap.css" rel="stylesheet"/>
    <link href="~/Content/bootstrap-responsive.css" rel="stylesheet"/>


    @*-----------------------Bootstrap Form Helpser----------------------------*@
    <link href="~/Content/bootstrap-formhelpers-countries.flags.css" rel="stylesheet" />
    <link href="~/Content/bootstrap-formhelpers.css" rel="stylesheet" />

    <script src="~/Scripts/bootstrap-formhelpers-countries.en_US.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-countries.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-datepicker.en_US.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-datepicker.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-fonts.codes.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-fonts.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-fontsizes.codes.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-fontsizes.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-googlefonts.codes.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-googlefonts.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-languages.codes.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-languages.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-selectbox.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-states.en_US.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-states.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-timepicker.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-timezones.codes.js"></script>
    <script src="~/Scripts/bootstrap-formhelpers-timezones.js"></script>


    @*----------------------------Font Awesome----------------------------------*@
    <link href="~/Content/font-awesome.css" rel="stylesheet" />



    @*----------------------------Moment----------------------------------*@
    <script src="~/Scripts/moment.js"></script>


    @*----------------------------Site Specific----------------------------------*@
    <link href="~/Content/UrgentCareWaitWeb.css" rel="stylesheet" />
    <script src="~/Scripts/UrgentCareWeb.js"></script>






</head>


@视图包。标题
@*----------------------------JQUERY------------------------------------*@
@*----------------------------现代化者------------------------------------*@
@*----------------------------引导------------------------------------*@
@*-----------------------引导表单帮助器----------------------------*@
@*----------------------------字体真棒----------------------------------*@
@*----------------------------瞬间----------------------------------*@
@*----------------------------特定站点----------------------------------*@

对于IE8等较旧的浏览器，最好让它降级，使用CSS3PIE会影响性能，如果您有带绝对位置之类的复杂导航，则会导致样式冲突。我试着用它来做我现在的响应式网站项目，结果太糟糕了，我们把它去掉了。如果你想在IE8中使用CSS圆角，没有比CSS3Pie更好的解决方案了。还有其他可用的脚本，但CSS3Pie是其中最好的一个。正如@Huangism所说，它确实对性能有影响（尽管考虑到您包含的其他JS文件的数量，您显然没有这个问题）。