{"id":44538,"date":"2019-04-10T03:01:10","date_gmt":"2019-04-09T17:01:10","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=44538"},"modified":"2019-04-08T21:13:21","modified_gmt":"2019-04-08T11:13:21","slug":"html-iframe-srcdoc-attribute-overlay-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-iframe-srcdoc-attribute-overlay-tutorial\/","title":{"rendered":"HTML Iframe Srcdoc Attribute Overlay Tutorial"},"content":{"rendered":"
\"HTML<\/a>

HTML Iframe Srcdoc Attribute Overlay Tutorial<\/p><\/div>\n

The recent HTML Iframe Srcdoc Attribute Primer Tutorial<\/a> introduced this blog to an HTML iframe attribute new to HTML5 called “srcdoc” to be able to specify the HTML content of the page to show in the relevant HTML iframe element. Today, like then, we are overlaying that HTML iframe content on top of the other HTML webpage content.<\/p>\n

Thinking back to early school, and you’ve drawn a house on a piece of paper. What would “the younger you” (maybe) “overlay” to that drawing? We opted for “rain”. With that in mind we constructed a “parent” webpage consisting primarily of an image of a house as per …<\/p>\n\n\n
<\/img><\/td>\n\n

Rain
Overlay<\/h1>\n

RJM Programming – April, 2019<\/h3>\n

Thanks to https:\/\/gist.github.com\/xav76\/3947289<\/a><\/td>\n<\/tr>\n<\/table>\n

… then, very much thanks to this great rain animation idea<\/a> we were able to construct a proposed “overlay” layer as per …<\/p>\n