Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] img float in front of sliding pics & stay there! Reply To: [Solved] img float in front of sliding pics & stay there!

#169025
Paulie_D
Moderator

What I meant by using a pseudo-element wasn’t for the #floatinghair div, I was imagining it either as a pseudo-element of the #contactbar or of the div class="fotorama__stage" . Then you can lose that #floatinghair div from your HTML altogether.

I’m inclined to wards the latter option because you can then just position it at the bottom, set the height/width as a percentage of the ‘parent’, use the image as a background with suitable background size and it should scale automatically…I think.

Obviously I can’t do that with developer tools so you might want to test it out with a reduced case in Codepen.io first.

If anyone else is reading...does that make sense to you or am I overthinking this?