关于IE8以上 不引人css 症状

不知道各位有没有体验过 这样的状况  在同一个文件夹中

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <link rel="stylesheet" href="index6.css" type="text/css" />
 7     </head>
 8     <body>
 9         <div class="body">
10             我要显示背景图片
11         </div>
12     </body>
13 </html>

danganbaoguan2

 1 *{
 2     padding:0;
 3     margin:0;
 4     list-style: none;
 5     text-decoration: none;
 6 }
 7 .body{
 8
 9     margin: 0 auto;
10     background:red;
11     width: 963px;
12     height: 642px;
13
14 }

index6.css

在谷哥、火狐、猎豹、2345等浏览器都会显示红色的背景图片。但是在ie8以上却没有出现红色背景的图片,那就说明ie8以上外部引入css没有成功。

解决的方法:就是将<!DOCTYPE html>变成<!DOCTYPE> 此时再次试验,ie8以上的都成功出现红色背景图片

时间: 2024-10-21 13:57:47

关于IE8以上 不引人css 症状的相关文章

区分IE8 、IE9 的专属css hack

一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack. 因为IE8及以下版本是不支持CSS3的,但是我们如果使用css3,在IE下IE9正常渲染,但我们又想让IE8及以下的浏览器实现同样的效果,且不希望使用css3pie或htc或条件注释等方法时,可能就会需要用到IE8和IE9的专属css hack了. .test{ /* 1. */ /* color:#09F\0; 以前是IE8/9, 现在10也支持 */ color:#

angularjs 的引人

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/angular.js" type="text/javascript" charset="utf-8"></script> <script src="j

一道小学五年级的数学暑假作业引人思考

我觉得这道题目如果出现在高中数学里面,那是很正常的,如果出现在初中数学习题里面,也可以接受,可是,出现在小学2五年级数学暑假作业中,这就让我大感意外了. 现在的孩子聪明的越来越早了?这样的题目,有多少孩子可以独立完成呢?我相信家长都不一定写的出来. 我的老爸老妈都是50后,高中毕业,从小到大,老爸老妈时常挂在嘴边的是"搞学习去""发愤读书"--这类语言.一方面,我越来越长大,觉得这类话真是空洞无比,其实,教育孩子是父母的责任."教育"包括从思想上

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

浏览器兼容问题一直是前段开发工程师比较头痛的问题,熟悉了里面的规则也就变得简单了,这里有一份资料可以分享给大家,大家平时开发过程中遵循这个规律的话,会变得轻松多了: 各浏览器CSS hack兼容表:   IE6 IE7 IE8 Firefox Chrome Safari !important   Y   Y     _ Y           * Y Y         *+   Y         \9 Y Y Y       \0     Y       nth-of-type(1)    

浏览器的差距、ie6 ie7 ie8、符号、html css、BFC、

1.浏览器的差距 浏览器默认的字体是16px,谷歌的最小字体是12px,其他是10px 2.ie6.ie7.ie8. hack:就是针对不同的浏览器去不同的html,css样式,从而让各个浏览器能达到一致的渲染效果 html的hack:写在html的标签中 css的hack:写在css的样式中 3.符号 &it:< &ite; <= > > &gte; >= 4.html   hack的写法 (1).<!--[if  ite  ie8]>

响应式设计:根据不同设备引不同css样式

<link rel="stylesheet" media="screen and (max-width:600px)" href="small.css" type="text/css" /> 上面表示的是:当屏幕小于或等于600px时,将采用small.css样式来渲染Web页面. <link rel="stylesheet" media="screen and (min-wid

vue 引入库css时,报There are multiple modules with names that only differ in casing.警告

vue项目,在引入element-ui样式时(在react angular项目中也出现此告警) import 'element-ui/lib/theme-chalk/index.css' 报警告: warning in D:/vuePro/cloud-monitor-vue/node_modules/[email protected]3.2.0@css-loader/dist/runtime/api.js There are multiple modules with names that on

小黄人CSS

× 目录 [1]字符函数 [2]数值运算符 [3]比较运算符 [4]日期时间 [5]信息函数 [6]聚合函数 [7]加密函数 [8]自定义函数 aaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaas ddddddddddddddd ffffffffffffffffffff dddddddddddddddddddddddd

.net中的WebForm引人MVC的控制器

当下.net中比较火的模式MVC模式,说实话对于菜鸟的我还没有遇到一个比较健全的MVC模式的项目也是比较遗憾.偶然间在网上看到WebForm实现MVC中的模式(主要是控制器...)就学习了一波,下面是介绍一下是如何实现的. 小主用的是VS2010,首先打开VS新建一个空Web应用程序: 之后在新建一个MVC的Web如下图... 项目新建完成后,如下图 分别打开MVC与WebForm的Web.config配置文件如图(左:MVC,右:WebForm) 左边的<system.web>下面的 <