Z-индекс над img?

Рассмотрим эту страницу @http://www.bloodbone.ws/screwed.html Z-индекс над img?

Мне нужно, чтобы быть в состоянии иметь a.grow элемент расширения до размеров div.column-header, так что если вы нацелены в любом месте div вся область кликабельна.

Он работает в Firefox + Safari, но я не могу заставить его работать в любом браузере IE.

Элементы h2 и img всегда разбивают a.grow, поэтому есть области, которые не могут быть изменены.

Я пробовал все, что я могу придумать, добавив zoom: 1 и т. Д. Безрезультатно.

h2 и img должны быть видимыми, но любой наведите курсор мыши над областью следует щелкнуть мышью.

источник

2009-09-09 brendo

Чтобы иметь это "SEO совместимый", у вас есть 2 варианта:

Aplly несколько тегов якорь, чтобы покрыть все ваши DIV;
Используйте фреймворк, подобный JQuery, чтобы сделать div щелчком мыши (и после нажатия на ссылку anchor href) и создать привязку внутри div для целей SEO.

источник

2009-09-09 06:15:38 yoda

Я использую jQuery, чтобы сделать это в конце для IE. По-прежнему препятствует мне, почему решение CSS невозможно. – brendo

Ну, css можно на самом деле, но это своего рода рискованно. Единственным допустимым вариантом w3c с css является создание привязанного тега с абсолютной позицией над областью, которую вы хотите, но для этого требуется установить фиксированную позицию на div (вверху) и оставлять всегда фиксированным) или использовать javascript для вычисления позиции div (не на 100% лояльных из-за перераспределения страниц) – yoda

Почему «div» не может быть установлен в 'position: relative', а затем задан элемент привязки это размеры? – brendo

будет

<div class="column-header"> 
     <a class="grow" href="http://www.google.com">Google</a>  
     <h2>What's On</h2> 
     <a href="http://www.google.com"> 
      <img src='http://www.bloodbone.ws/images/mainHeader.jpg' alt='boo' /> 
     </a> 
    </div>

делать?

источник

2009-09-09 05:50:30 lock

Это делает, но это недопустимый HTML – brendo

о да им жаль я не проверить, что сам Lols – lock

я редактировал код, кажется, вы пытаетесь заставить его работать на SEO правой? Я думаю, что два якоря с разными ярлыками не повредят ... – lock

Z-индекс над img?

ответ

Смежные вопросы