Question

我在使用IE3浏览器中显示某些CSS3属性（例如按钮上的圆角）时遇到问题。在IE9 +，Firefox和Chrome中圆角显得很好。我正在使用我的MVC 4 Web应用程序中的一些引导类。有没有办法让IE IE的旧版本具有更一致的样式？我听说过CSS3 Pie，但想知道是否还有其他替代方案。有人可以提供任何建议吗？以下是我的应用程序中包含文件的列表：

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

使用IE8 +，Chrome，Firefox可以获得更加一致的外观和感觉

0 个答案: