weizenhuhn
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by weizenhuhn
-
-
Hi,
I want to render an overlay for a <table> element, if a condition is set, but the input fields are still visible and accessible:<?php if($noOverlay) : ?> <table class="form-table"> <?php else: ?> <table class="overlay form-table"> <?php endif; ?> <tbody> <tr> <td style="width: 200px">Input: </td> <td> <label for="input1"> <input name="input" type="text" id="input1"> </label> </td> </tr> </table>
.sp-dsgvo-overlay { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5) !important; z-index: 999999; }
The result looks like that:An overlay with fixed position would work, but the position of the table is dynamically, so it's not possible to just create a overlay for the whole screen.
I would be really appreciate for some help here, thanks!
Overlay for particular element
in CSS
Posted · Edited by weizenhuhn
Finally I had a success. Thank you! That worked for me:
Result: