I am having a mind numbing issue with some simple css. I have a code block with image image swap. It looks great in editor mode but on the live site the first image is expanding outside of the appropriate image block. The roll over image is correct however. Not really sure what the issue is. Any ideas?
Question
fabrizi 0
Site URL: https://www.kevinfabrizi.com
I am having a mind numbing issue with some simple css. I have a code block with image image swap. It looks great in editor mode but on the live site the first image is expanding outside of the appropriate image block. The roll over image is correct however. Not really sure what the issue is. Any ideas?
www.kevinfabrizi.com
Here is my CSS
.image-swap img:nth-child(1) {
position: absolute;
transition: 0s;
}
.image-swap img:nth-child(1):hover {
position: absolute;
opacity: 0;
}
Link to post
Top Posters For This Question
4
2
2
2
Popular Days
Aug 18
2
Aug 20
2
Aug 17
2
Jul 27
1
Top Posters For This Question
tuanphan 4 posts
KaijuCorgi 2 posts
katelouisemoras 2 posts
sarahjohanna 2 posts
Popular Days
Aug 18 2020
2 posts
Aug 20 2020
2 posts
Aug 17 2020
2 posts
Jul 27 2020
1 post
10 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment