Якорные теги перестали работать на веб-сайте HTML5 - PullRequest
Новая
       27

Якорные теги перестали работать на веб-сайте HTML5

0 голосов
/ 18 сентября 2010

Я использую сброс HTML5 в качестве основы для написания сайта HTML5 / CSS3. По какой-то причине, основные теги привязки больше не кликаются ни в чем, кроме IE!

<a href="http://www.google.com">google</a> отображает правильный цвет текста для тегов A, но эффект наведения не применяется, указатель не изменяется, и я не могу щелкнуть ссылку. Firebug дает мне следующее, когда я проверяю это: 

 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#555555;
font-size:100%;
margin:0;
padding:0;
text-decoration:none;
text-transform:lowercase;
vertical-align:baseline;
}

*|*:link {
color:#0000EE;
}

*|*:-moz-any-link {
text-decoration:underline;
}

:-moz-any-link {
cursor:pointer;
}

Так что ничего особенного я не вижу, и он делает то же самое в Chrome и Opera, поэтому я немного раздражен. Я занимаюсь разработкой на своем локальном хосте, поэтому в настоящее время у меня нет URL для публикации, но отображаемая разметка HTML не является чем-то удивительным: 

    <div id="copyanddesign">
        &copy; Someone 2010. 
        Design by <a href="http://www.google.com">google</a>
    </div>

Любые предложения приветствуются!

Спасибо

1 Ответ

0 голосов
/ 20 сентября 2010

Спасибо. Бобинс был прав. Это действительно была проблема z-index (хотя не связанная с IE, но во всех браузерах). Оказалось, что другой абсолютно позиционированный элемент перекрывал его, и хотя перекрывающаяся часть была прозрачной, она все равно получала щелчки, а не гиперссылки! Возился с высотой элемента, чтобы он был только таким высоким, как мне нужно, и теперь ссылка работает

...