Вопросы Теги

Сделать элемент в сетке CSS гиперссылкой

Любой хороший шаблонный двигатель, стоящий на его соли, будет иметь функцию «escape quotes». Наш (также доморощенный, где я работаю) также имеет функцию, чтобы избежать кавычек для javascript. В обоих случаях переменная шаблона затем просто добавляется с помощью _esc или _js_esc, в зависимости от того, что вы хотите. Вы никогда не должны выводить созданный пользователем контент в браузер, который не был экранирован, IMHO.

-1
задан Mv27 3 March 2019 в 09:48
поделиться

1 ответ

  1. Вы хотите использовать grid , но вы используете flex, поэтому измените dispaly на grid

    ИЛИ Если вы хотите использовать flex, используйте без grid-column/row

  2. Используйте wrap div и установите href в нажмите , чтобы использовать демо-ссылку cursor: pointer; 

.wrap{
    cursor: pointer;
}
.item2 {
      grid-row: 1 / 1;
      grid-column: 7/13;
      height: 340px;
      display: grid;
      background-image: url("https://vouzalis.dk/Static/Cms/3cb56b7b-b099-487e-a160-f288ade024f7.jpg");
    }
<div class="wrap" onclick='location.href = "https://www.w3schools.com";'>
      <div class="item2 bg-img">
        <a href="sbp-tag">FEATURED</a>
        <a class="sbp-title light-font" href="https://www.google.com">Go to Google</a>
      </div>
</div>

0
ответ дан Mv27 3 March 2019 в 09:48
поделиться