我在Page1,2,3,4,5之上有以下代码块来浏览5页。 在Chrome和Mozilla中一切正常。但是在IE中,当我想要导航到更大的页面时,它总是重定向到Page5。
“selected”类仅附加在相关页面div上。 “选定”类之后的div在IE中无法正常工作。
<div class='tabmenu'>
<div onclick="document.location='Page1.php'">Page1</div>
<div onclick="document.location='Page2.php'">Page2</div>
<div class="selected" onclick="document.location='Page3.php'">Page3</div>
<div onclick="document.location='Page4.php'">Page4</div>
<div onclick="document.location='Page5.php'">Page5</div>
</div>
的CSS:
.tabmenu {text-align: left; margin: 15px 0px 15px 0px;font: bold 12px sans-serif;border-bottom: 1px solid #ff6600;padding: 3px;}
.tabmenu div {display: inline;padding: 3px 5px;border: 1px solid #000;background-color: #ddddff;color: #333;margin-left: 5px;border-bottom: none;cursor: pointer;}
.tabmenu .selected {border:1px solid #ff6600;border-bottom: 1px solid #fff;background-color: #fff;color: #ff6600;position: relative;}
示例:
答案 0 :(得分:0)
我刚刚在IE 8中运行它并且工作正常。您使用的是哪个版本的IE?另外,请确保您在IE中启用了Javascript。