Кнопка внутри ссылки привязки работает в Firefox, но не в Internet Explorer? - PullRequest
Новая
       45

Кнопка внутри ссылки привязки работает в Firefox, но не в Internet Explorer?

71 голосов
/ 29 апреля 2009

Все остальное на моем сайте совместимо со всеми браузерами, кроме моих ссылок. Они появляются на странице, но они не работают. Мой код для ссылок следующий - 

<td bgcolor="#ffffff" height="370" valign="top" width="165">
    <p>
        <a href="sc3.html">
            <button style="width:120;height:25">Super Chem #3</button>
        </a> 
        <a href="91hollywood.html">
            <button style="width:120;height:25">91 Hollywood</button>
        </a> 
        <a href="sbubba.html">
            <button style="width:120;height:25">Super Bubba</button>
        </a> 
        <a href="afgoohash.html">
            <button style="width:120;height:25">Afgoo Hash</button>
        </a> 
        <a href="superjack.html">
            <button style="width:120;height:25">Super Jack</button>
        </a> 
        <a href="sog.html">
            <button style="width:120;height:25">Sugar OG</button>
        </a> 
        <a href="91pk91.html">
            <button style="width:120;height:25">91 x PK</button>
        </a> 
        <a href="jedi1.html">
            <button style="width:120;height:25">Jedi</button>
        </a>
    </p>
    <p>&nbsp;</p>
    <a href="http://indynile99.blogspot.com">
        <button style="width:120;height:25">Blog</button>
    </a>
    <p>&nbsp;</p>
</td>

Ответы [ 13 ]

1 голос
/ 16 января 2014

Проблема здесь в том, что ссылка находится за кнопкой, даже при изменении z-индекса. Эта разметка также недопустима ( прочитайте спецификацию ). Поэтому ссылки не работают, потому что вы нажимаете кнопку, а не ссылку. Решение состоит в том, чтобы изменить разметку вокруг. 

<button type="button"><a href="yourlink">Link</a></button>

Тогда стиль по мере необходимости. Демо-версия здесь .

0 голосов
/ 12 февраля 2016

Почему бы просто не преобразовать все <button> в <span> с помощью type="button", а затем создать стиль с помощью ваших обычных классов кнопок CSS? Только что подтвердил, что это работает в IE11.

0 голосов
/ 09 июня 2015

просто вставьте этот код jquery в заголовочный раздел вашего HTML: 

<!--[if lt IE 9 ]>
     <script>
        $(document).ready(function(){
            $('a > button').click(function(){
                window.location.href = $(this).parent().attr('href');
            });
        });
    </script>
<![endif]-->
Страница:
...