css在IE瀏覽器中無法正常加載8

我的樣式表頁面在IE8中無法正常工作.Styles顯示在css頁面中，但效果不佳。它的作品很好firefox.Here我加了我的代碼。任何人都可以解釋我？css在IE瀏覽器中無法正常加載8

<html class="no-js no-touch"><head> 
 
<meta charset="UTF-8"> 
 
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
 

 
<title>Tasmanian Self-Drive Tour – eBook guides</title> 
 

 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
 
<meta name="robots" content="noindex,nofollow"> 
 
<meta name="description" content="Imagine arriving in Tasmania and being able to start sightseeing immediately, with absolutely no effort. With either of these eBooks, you’ll have the easiest holiday you’ve ever had."><meta name="keywords" content="Tasmania, Tasmanian, selfdrive tour, self-drive tour, touring Tasmania, driving around Tasmania, Tasmania by car, sightseeing Tasmania, travelling around Tasmania, travelling with kids, tassie, tassie tour, tasmania with kids"> 
 
<!--BEGIN-STYLESHEETS--> 
 
<link href="css/bootstrap.min.css" rel="stylesheet" media="all"> 
 
<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
 

 
<!-- google font css link --> 
 

 
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic|Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'> 
 
<!-- additional styles --> 
 
<link href="css/main.css" rel="stylesheet" media="all"> 
 
<link href="css/component.css" rel="stylesheet" media="all"> 
 
<link href="css/responsive.css" rel="stylesheet" media="all"> 
 
<style type="text/css"></style> 
 
<!-- Enable this css if you want to override styles--> 
 
<!--<link href="css/override.css" rel="stylesheet" media="screen">--> 
 
<!--END-OF-STYLESHEETS--> 
 
<!-- Favicon and Apple Icons --> 
 
<link rel="shortcut icon" href="img/icons/favicon.ico"> 
 
<link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png"> 
 
<link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png"> 
 
<link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png"> 
 
<link rel="apple-touch-icon" sizes="144x144" href="img/icons/apple-touch-icon-144x144.png"> 
 
<script type="text/javascript" src="js/modernizr.custom.js"></script>

來源

2015-11-05 Dhivya

你檢查，如果你的風格是兼容IE8以http： //caniuse.com/？ –

這裏http://tassietour.com/是我網站的網址 – Dhivya

IE8是有點一場噩夢瀏覽器，比IE7比IE9少一點，相當多的。自從微軟「贏得」瀏覽器大戰（針對Netscape）並進行剎車之後，IE一直如此。

你可以爲IE8做些什麼：建立一套令人滿意的CSS規則，並添加條件註釋以使IE8看到它們。

我通常的做法是：在IE8的文件中添加規則，以解決瀏覽器缺乏能力和徹底的錯誤。

如：

（補充一點，正常連接到您的樣式表後，因此它可以具有相同特異性否決）

來源

2015-11-05 15:48:43 swa66

css在IE瀏覽器中無法正常加載8

回答

相關問題