{"id":1842,"date":"2019-01-24T09:29:36","date_gmt":"2019-01-24T08:29:36","guid":{"rendered":"https:\/\/solidt.eu\/site\/?p=1842"},"modified":"2019-01-24T09:31:30","modified_gmt":"2019-01-24T08:31:30","slug":"html-click-through-div","status":"publish","type":"post","link":"https:\/\/solidt.eu\/site\/html-click-through-div\/","title":{"rendered":"HTML Click through div"},"content":{"rendered":"\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-magento-2-x\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"g7PrjbCbAG\"><a href=\"https:\/\/magento2x.com\/htmlcss-make-clickable-transparent-div-layer\/\">HTML\/CSS make clickable through transparent DIV layer<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;HTML\/CSS make clickable through transparent DIV layer&#8221; &#8212; Magento2X\" src=\"https:\/\/magento2x.com\/htmlcss-make-clickable-transparent-div-layer\/embed\/#?secret=g7PrjbCbAG\" data-secret=\"g7PrjbCbAG\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>A&nbsp;<strong>clickable through transparent DIV<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/magento2x.com\/wp-content\/uploads\/2014\/06\/clickable-through-div-layer.png\" alt=\"clickable through div layer\" class=\"wp-image-421\"\/><\/figure><\/div>\n\n\n\n<table class=\"wp-block-table\"><tbody><tr><td>1<\/td><td><code>pointer-events:<\/code><code>none<\/code><code>;<\/code><\/td><\/tr><\/tbody><\/table>\n\n\n\n<p>If in your transparent div element have another child elements and you want to make it still clickable, add this css<\/p>\n\n\n\n<table class=\"wp-block-table\"><tbody><tr><td>1<\/td><td><code>pointer-events:<\/code><code>all<\/code><code>;<\/code><\/td><\/tr><\/tbody><\/table>\n","protected":false},"excerpt":{"rendered":"<p>A&nbsp;clickable through transparent DIV 1 pointer-events:none; If in your transparent div element have another child elements and you want to make it still clickable, add this css 1 pointer-events:all;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1842","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/1842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/comments?post=1842"}],"version-history":[{"count":2,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/1842\/revisions"}],"predecessor-version":[{"id":1845,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/1842\/revisions\/1845"}],"wp:attachment":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/media?parent=1842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/categories?post=1842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/tags?post=1842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}