У меня есть ссылка в следующем div, это код,
<a href="<?php echo of_get_option('block1_link'); ?>" class="blocklink"><?php _e('More', 'isis'); ?></a>
Теперь я хочу сделать весь div гиперссылкой. Пожалуйста, ведите меня. Благодарю. Весь код ниже,
<div class="midrow_blocks_wrap">
<i class="fa <?php echo of_get_option('block1_logo'); ?> fa-3x icon"></i>
<a href="#">
<div class="midrow_block">
<!--We need to make this div a link -->
<div class="mid_block_content">
<h3><?php echo of_get_option('block1_text'); ?></h3>
<p><?php echo of_get_option('block1_textarea'); ?></p>
</div>
<?php if ( of_get_option('block1_link') ) { ?><a href="<?php echo of_get_option('block1_link'); ?>" class="blocklink"><?php _e('More', 'isis'); ?></a><?php } ?>
</div></div>
<div class="shadow"><img src="<?php echo get_template_directory_uri(); ?>/images/service_shadow.png" alt="<?php the_title_attribute(); ?>" /></div>
</div>
Большую часть времени, когда я пытаюсь сделать гиперссылку заполнить целый div, я даю div position: relative
и гиперссылка а position: absolute; width: 100%; height: 100%; left: 0; top:0;
Я разработал это, потому что завершение целого div в гиперссылке может быть шуточным.
Обычно это гораздо проще сделать. Если вы даете z-index: 9
или чем-то большим, вы покроете большую часть своей базы для div, а затем, если вам понадобятся другие ссылки или контент, вам потребуется сделать более высокий z-index.
Просто мысль.
Других решений пока нет …