我有下面的代码,它正在通过Javascript在网站上呈现:
<div id="rs_overlay">
<link type="text/css" rel="stylesheet" media="screen" href="CSS URL HERE">
<div id="rs_content">
<div id="rs_images">
<div class="left">
<div class="rs_image">
<img height="161" src="http://www.dwellstudio.com/media/upload/image/35a1zki.jpg">
</div>
</div>
<div class="rs_clear">
<div>
</div>
</div>
覆盖布局在webkit、moz浏览器和IE9上运行良好,但在IE8和IE7上失败了,因为行
<link type="text/css" rel="stylesheet" media="screen" href="CSS URL HERE">
正在IE7/8上剥离。
除了内联css,还有什么想法吗?
正如Marc B所评论的,<link>
标签应该放在<head>
中。您的脚本应该创建<link>
元素并将其附加到那里。
示例:
var head = document.getElementsByTagName('head').item(0);
var elem = document.createElement('link');
elem.type = 'text/css';
elem.rel = 'stylesheet';
elem.href = "CSS URL HERE";
head.appendChild(elem);