css3 - Have a more consistent look and feel with IE8+, Chrome, Firefox -


i'm having problems getting of css3 properties such rounded corners on buttons show in ie 8 browser. rounded corners appear fine in ie9+, firefox, , chrome. i'm utilizing of bootstrap classes in mvc 4 web application. there way have more consistent styling older versions of ie such ie 8? have heard of css3 pie want see if there other alternatives available. can offer suggestions? here list of include files in application:

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


Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -