Unstoppable Domains — AI Assistant

Absolute-positioned images click-through-able?

SpaceshipSpaceship
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.
AfternicAfternic
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
•••
Appraise.net

We're social

Escrow.com
Spaceship
Rexus Domain
CryptoExchange.com
Domain Recover
CatchDoms
DomainEasy — Payment Flexibility
DomDB
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back