NameSilo

Absolute-positioned images click-through-able?

Spacemail by SpaceshipSpacemail by Spaceship
Watch

Dr_Test

Account Closed
Impact
0
1 - Is there a way to make an absolute-positioned image click-through-able? (so you can click links behind it)

2 - Is there way to stop a huge absolute-positioned image that goes right off the page from making the page super wide, creating lots of empty scrolling space? (example: you have a 4000px wide absolute-positioned image, and it makes the page scroll off into the horizon forever. I want it to run off the page, but not change the size of it by adding scroll-space)

These images are essentially pure white, transparent images used to "gray out" large sections of a page.
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
Unstoppable DomainsUnstoppable Domains
Dr_Test said:
1 - Is there a way to make an absolute-positioned image click-through-able? (so you can click links behind it)
Add {z-index: 1;} to the div the links are in and they will be shown above the image.

Dr_Test said:
2 - Is there way to stop a huge absolute-positioned image that goes right off the page from making the page super wide, creating lots of empty scrolling space? (example: you have a 4000px wide absolute-positioned image, and it makes the page scroll off into the horizon forever. I want it to run off the page, but not change the size of it by adding scroll-space)

These images are essentially pure white, transparent images used to "gray out" large sections of a page.
Can you post a link to show me what you mean?
 
0
•••
I don't have a sample link, but pretend I put a 4000px wide image on THIS page... now suddenly you can scroll way off to the sides. I don't want that. I just want the image to run off the edges of the page without creating that extra scroll-space. (my actual image isn't that big, but will simply have to cover the left and right edges of the page no matter WHAT screen size the user has... so, whether the browser is on an IPhone or 32" desktop screen, the image will have to cover both sides of the page, WITHOUT creating extra scroll-space)

Add {z-index: 1;} to the div the links are in and they will be shown above the image.
Ah, I see. But this will make the entire div cover up the image floating above it, right? Or at least make the links show through, as if they were on top?
 
Last edited:
0
•••
Dynadot — .com Registration $8.99Dynadot — .com Registration $8.99

We're social

Unstoppable Domains
Domain Recover
DomainEasy — Live Options
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back