Skip to content
Advertisement

Tag: overlay

How to hook into html with my own html overlay?

I am trying to overlay some HTML code over a website’s image using <iframe> and CSS. The website is a weather-monitoring website (which we’ve purchase btw), that I want to overlay with my own HTML code and image. Is it possible to “hook” into one portion of the image with my own image? I want it hooked (so-to-speak, pardon my

Why a div overlays above other?

I’ve kept a Javascript function printthis() for printing purpose that prints everything in the div id printthis except what is given with the class d-print-none. The code works fine in the opening page, the page before printing. But upon clicking print, the page takes wrong alignment, means the table head appears in between 2 address divs like in the below

Full screen overlay menu toggle

I want to create a full screen overlay menu. I am not able to close the menu on anchor click eg. if we click on Home. It scrolls down to the section but does not close the overlay. I have tried adding some jquery but I am not able to do it. I have tried to toggle the menus as

Pure CSS overlay scrolling

using only css and html, is it possible to scroll away the inner div (overlay red div) completely before scrolling down the rest of the page? Essentially, wondering if overlay scrolling while freezing the behind div is possible in only css? Then once the red div is gone, unfreeze the background scrolling and continue on. Similar to this site here:

Simple overlay – prevent background content scrolling

I’ve created a very simple overlay effect but I’m having difficulty preventing the background content from scrolling when the overlay is active. Here’s a CodePen… https://codepen.io/moy/pen/xPmmZo As you can see I’ve kept the jQuery to a minimal… I’d also like to make the content box in the overlay a bit more flexible, currently if the viewports height isn’t that great,

Advertisement