如何设置仅适用于 ie7 的绝对位置
这在 ie7 中不起作用。
$(document).find('.fixedheader').css({'position':'absolute','top':'356px'});
最佳答案
要添加针对 IE7 的 css 规则，您可以在 css 规则前面使用星号，例如
*position: absolute;
但这不适用于 jQuery $('selector').css(... 或 $('selector').attr('style', ... 方法。
它对我有用的唯一方法是将样式标记添加到页面的头部，如下所示:
$('<style type="text/css">.fixedheader {*position:absolute;*top:356px}</style>').appendTo($('head'));
这是一个例子:
将以下代码段复制到新的 HTML 文档并在 IE7 和任何其他浏览器中测试它。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
header {
position: relative;
}
.fixedheader {
width: 100%;
min-height: 50px;
background-color: black;
}
</style>
</head>
<body>
<header>
<div class="fixedheader"></div>
</header>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$('<style type="text/css">.fixedheader {*position:absolute;*top:356px}</style>').appendTo($('head'));
</script>
</body>
</html>
关于javascript - 如何仅为 ie7 设置绝对位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31828082/