Не можете перейти по ссылке при нажатии на картинку - PullRequest
Новая
       10

Не можете перейти по ссылке при нажатии на картинку

0 голосов
/ 26 февраля 2019

у меня 2 блока.Фото и Видео.В компьютерной версии, когда я нажимаю на них, я могу посетить каждую ссылку, но в мобильной версии они не работают, я имею в виду, что они не кликабельны.В чем проблема? 

    .media-links {
        width: 100%;
    }
    .media-links a {
        display: block;
        /*height: 190px*/
        ;
        width: 40%;
        float: left;
        background-repeat: no-repeat;
        background-size: 100%;
        text-decoration: none;
    }
    .media-links .video-link {
        background-image: url('../img/videos.png');
        margin-right: 10%;
    }
    .media-links .foto-link {
        background-image: url('../img/photos.png');
    }
    .media-links a {
        height: 200px;
    }
    
    @media (max-width: 767px) {
        .media-links a {
            height: 260px;
            margin-bottom: 50px;
            width: 45%;
        }
    }
    <div class="media-links">
    <p><a class="video-link" href="/qalereya/video">Video</a> 
    <a class="foto-link" href="/qalereya/foto-qalereya">foto</a></p>
    </div>

Я подумал, может быть, это из-за того, что блоки перекрывают друг друга.Как я могу решить это?

1 Ответ

0 голосов
/ 26 февраля 2019

4 месяца назад у меня была такая проблема.Когда я нажимаю на ссылку, я могу посетить каждую ссылку, но просто устройства Apple на Safari не работают.Я изменил свою HTML-структуру ссылок, и я исправил.Иногда для какого-либо устройства / браузера требуется событие touchend.

Если вы столкнулись с проблемой, просто устройство / браузер.Может быть, эта ссылка поможет вам: При наведении курсора iPad / iPhone пользователь дважды щелкает ссылку

...