Home >Web Front-end >HTML Tutorial >Under IE9, css code placed in the style.css file does not work_html/css_WEB-ITnose
.test li a {font:bold 24px 宋体;}
This line of style is fine if placed in html, but if placed in style.css, it will not work under IE9, FF chrome and other browsers There is no problem with the device.
The code is as follows:
<!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>
The styles under style.css still don’t work. What about just this sentence?
Try opening this css file under IE9 to see the encoding problem (you can change Song Ti to a full-letter font, or you can test it)
Press F12 to open the development tool and click For the specific element (.test li a), you can see the loading of CSS styles in the right column. See if you can find anything
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
It may be that the browser is incompatible. The font abbreviation cannot be used. font-size:24px;font-family:"宋体";font-weight:bold;
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
A doctype problem, but I I didn't find a good solution, have you solved it?
Could it be that IE browser has restrictions on css:
http://www.guoxiaoming.com/archives/736