IE9 下，css代码放在style.css文件里不起作用_html/css

IE9 下，css代码放在style.css文件里不起作用_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:55:23

原创

1410人浏览过

.test li a {font:bold 24px 宋体;}
这一行样式如果放在html里没问题，但如果放在style.css里，IE9下则不起作用，FF chrome等其他浏览器没有问题。
代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><LINK href="style.css" rel="stylesheet" type="text/css"><style type="text/css">.test li a {font:bold 24px 宋体;}</style></head><body>		<ul class="test">			<li><a href="#">测试</a></li>					</ul></body></html>

登录后复制

回复讨论(解决方案)

style.css下的样式都不起作用还是仅此一句呢？

试试在IE9下打开此css文件，看看编码问题（你可以把宋体换为全字母的字体，也可以测试出来）

按F12打开开发工具，点击具体元素（.test li a），在右栏可以看到CSS样式的加载，看看能不能发现些什么

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

可能是浏览器不兼容。font缩写用不了。font-size:24px;font-family:"宋体";font-weight:bold;

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

将style.css另存为utf-8就可以了。。

就是不知原因，IE6 FF chrome都没问题，就ie9有问题

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

将style.css另存为utf-8就可以了。。

就是不知原因，IE6 FF chrome都没问题，就ie9有问题

可能是因为“宋体”这两个汉字的原因，个人认为最好用所有系统都有的字体

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

将style.css另存为utf-8就可以了。。

就是不知原因，IE6 FF chrome都没问题，就ie9有问题

可能是因为“宋体”这两个汉字的原因，个人认为最好用所有系统都有的字体
宋体是不是所有系统都有的字体？

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

将style.css另存为utf-8就可以了。。

就是不知原因，IE6 FF chrome都没问题，就ie9有问题

可能是因为“宋体”这两个汉字的原因，个人认为最好用所有系统都有的字体
宋体是不是所有系统都有的字体？

如果操作系统没有安装中文语言包是没有宋体

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

将style.css另存为utf-8就可以了。。

就是不知原因，IE6 FF chrome都没问题，就ie9有问题

可能是因为“宋体”这两个汉字的原因，个人认为最好用所有系统都有的字体
宋体是不是所有系统都有的字体？

如果操作系统没有安装中文语言包是没有宋体宋体是最常见中文字体吧，如果连宋体都没有，其他字体就更没有了吧？

<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />

登录后复制

doctype的问题，但是我没找到好的解决办法，你解决了吗？

会不会是IE浏览器对css限制了：
http://www.guoxiaoming.com/archives/736