0

我在获取某些 CSS3 属性时遇到问题，例如按钮上的圆角显示在我的 IE 8 浏览器中。圆角在 IE9+、Firefox 和 Chrome 中看起来很好。我在我的 MVC 4 Web 应用程序中使用了一些引导类。有什么方法可以使旧版本的 IE（例如 IE 8）具有更一致的样式？我听说过 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>
4

0 回答 0