A Utility Class for Covering Elements

Big ol’ same to Michelle Barker here:

Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it. The second has position: absolute and is positioned so that all four sides align to the edges of the first element.

.original-element { position: relative; }

.covering-element { position: absolute; top: … Read article “A Utility Class for Covering Elements”

The post A Utility Class for Covering Elements appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-irl.info/a-utility-class-for-covering-elements/

Létrehozva 4y | 2020. dec. 26. 16:20:44


Jelentkezéshez jelentkezzen be

EGYÉB POSTS Ebben a csoportban

CSS shape() Commands

The CSS shape() function recently gained support in both Chromium and WebKit browsers. It's a way of drawing complex shapes when clipping elements with the clip-path prope

2025. máj. 2. 13:30:15 | CSS tricks
State of Devs: A Survey for Every Developer

The State of Devs survey is now open to participation, and unlike previous surveys it covers everything except code: career, workplace, but also health, hobbies, and more. 


2025. máj. 1. 14:20:29 | CSS tricks
Revisiting Image Maps

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and are

2025. ápr. 30. 12:50:05 | CSS tricks
Open Up With Brad Frost, Episode 2

Brad Frost is running this new little podcast called Open Up. Folks write in with questions about the “other” side

2025. ápr. 29. 16:10:05 | CSS tricks
Anchor Positioning Just Don’t Care About Source Order

The fact that anchor positioning eschews HTML source order is so CSS-y because it's another separation of concerns between content and presentation.


2025. ápr. 28. 14:30:06 | CSS tricks
The Lost CSS Tricks of Cohost.org

In this post, Blackle Mori shows you a few of the hacks found while trying to push the limits of Cohost’s HTML support. Use these if you dare, lest you too get labelled a CSS criminal.


<

2025. ápr. 24. 13:10:07 | CSS tricks
“Pretty” is in the eye of the beholder

Yay, let's jump for text-wrap: pretty landing in Safari Technology Preview! But beware that it's different from how it works in Chromium browsers.


2025. ápr. 18. 13:30:08 | CSS tricks