переключить проблемы видимости в Internet Explorer - PullRequest
1 голос
/ 26 августа 2011

Я относительно новичок в кодировании, но я создал веб-сайт: RateMyTeam.co.uk (анализ фэнтези-футбола) и у меня возникли проблемы с совместимостью с Internet Explorer.Сайт отлично работает в Chrome и Safari, и только проблемы с прорезыванием зубов в Firefox.Но проблемы с IE являются проблемой, так как более 30% посетителей сайта используют IE.

На домашней странице я использую функцию javascript, чтобы переключать видимость вопросов, которые вы видите, например,«ЧТО ТАКОЕ МОЙ FPL ID?»

В Chrome он делает то, что я хочу, чтобы он менял цвет при наведении на него и мог щелкнуть по нему и отобразить ответ на вопрос.

У кого-нибудь есть идеи, что не так с кодом моей домашней страницы, который мешает переключению видимости в IE?Я просмотрел многочисленные форумы для ответов и перепробовал много вещей, но это, похоже, не работает !!: s

Спасибо,

Крис

edit

вот код:

html bit:

<h5 style="text-shadow: #111 2px 2px 4px"><a2 href="#" onclick="toggleVisibility('foo6');">*WHAT IS MY FPL PLAYER ID?</a2></h5> 

 <div id="foo6" style="display:none;"><h6  style="margin-top:8px;margin-bottom:13px;color:#ccc">Each person who plays the fantasy football game at <a href="http://www.fantasy.premierleague.com">www.fantasy.premierleague.com</a> gets assigned a unique id. This is a number which can be as small as 1 digit and as big as 7 digits long.</h6></div> 

бит javascript:

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/JavaScript">
    function toggleVisibility(id) {
        var e = document.getElementById(id);
        if(e != null) { 
            if(e.style.display == 'none') {
                e.style.display = 'block';
            } else {
                e.style.display = 'none';
            }
        }
    }
</script> 

1 Ответ

0 голосов
/ 26 августа 2011

Да, вы должны только использовать допустимые теги HTML (4/5).Если вам нужны разные CSS для одного и того же типа элемента, вы должны использовать CSS-классы.Смотрите здесь для получения дополнительной информации: http://tizag.com/cssT/class.php

...