作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我认为我在网站的其余部分与早期版本的 IE 兼容方面做得很好,但由于某种原因,顶部的主导航在 8 或更早版本中变得一团糟。知道为什么吗?
这是一个只有主导航的示例站点:http://prayerpond.com/test3.php
html 在这里:
<body>
<!--FACEBOOK SDK-->
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '397219657127680',
xfbml : true,
version : 'v2.3'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!--END FACEBOOK SDK-->
<div id="wrapper">
<div id="header">
<div id="logo"><a href="index.php"><img src="images/none-big.png" class="logo_big"></a></div>
<nav id="mainnav">
<ul>
<li><a href="menu.php" class="profilebutton"><img src="images/icon_menu.png" class="navbutton"></a></li>
<li><a href="my_journal_preanswered_prayers.php" class="journalbutton"><img src="images/icon_journal2.png" class="navbutton"></a></li>
<li><a href="notifications.php" class="notificationsbutton"><img src="images/icon_notifications2.png" width="22" height="276" class="navbutton"></a></li>
<li><a href="faith_boosters.php" class="mustreadbutton"><img src="images/icons_must_read2.png" class="navbutton"></a></li>
</ul>
</nav></div></div></body>
CSS 在这里 -> http://prayerpond.com/header.css
最佳答案
啊,我想通了。因为 @media 在 CSS 1 或 2 中不起作用,所以我需要确保默认版本存在于 @media 条件之外。
关于css - 我的主导航在 IE 8 或更低版本中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30198858/
我是一名优秀的程序员,十分优秀!