У меня есть блок кода внизу страницы 1, 2, 3, 4, 5 для навигации по 5 страницам.Все отлично работает в Chrome и Mozilla.Но в IE он всегда перенаправляет на страницу Page5, когда я хочу перейти на страницу с большим номером.
«выбранный» класс прикреплен только на соответствующей странице div.Divs после "выбранного" класса не работает должным образом в 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;}
Примеры:
- Нажатие на страницу 2 при нажатии на страницу Page1-> Перемещение к странице 5 (только в IE).
- Нажатие на страницу 4, когда на странице 1 -> Переход к странице 5 (только в IE).
- При нажатии на страницу 5, когда на странице 3 -> Переход к странице 5 (только в IE).
- Нажатие на Page1, когда на странице 2 -> Переход на страницу 1 (работает нормально).
- Нажатие на страницу 2, когда на странице 3 -> Переход на страницу 2 (работает нормально).
- Нажатие на Page3, когда на странице 5 -> Переходит на страницу 3 (работает нормально).
Я очень застрял на этом.Есть идеи, почему это не удается?Спасибо