Home>
I want to be able to interfere (click, hover, etc.) with the screen elements (buttons, etc.) after darkening. I know I can't interfere with the elements behind because the overlay covers the screen, but I'd like to know if there is a way.
I think this is the first time I ask a question, so thank you.
The current status is listed here.
I want to be able to push the button with the overlay on, instead of increasing the z-index of the button and pushing the button forward.
<! DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width = device-width">
<link rel = "stylesheet" type = "text/css" href = "style.css">
<title>jQuery test</title>
<script src = "jquery-3.4.1.min.js"></script>
<script src = "modal.js"></script>
</head>
<body>
<button>button</button>
</body>
</html>
# div1 {
z-index: 1;
position: fixed;
width: 97vw;
height: 98vh;
background-color: black;
opacity: 0.7;
display: none;
}
$(function () {
$('# div1'). fadeIn (500);
});
I read through the web and technical books, but I couldn't find them well.
-
Answer # 1
Related articles
- javascript - convert elements (numbers) divided in an array from strings to numbers
- i want to issue an alert after reading csv from html and processing it with javascript
- javascript - i want to conditional branch html tag elements in react, jsx
- javascript - i want to count the number contained in the elements of an array
- i want to raise the same event for multiple elements with javascript, but the event does not occur (modal window example)
- i want to check the elements of a multidimensional array with javascript
- html - after overlaying two images, i want to fix the images and make them responsive
- javascript - [js] i want to be able to scroll down on the other side after sending in chat
- [javascript] i want to show/hide elements on the browser
- javascript - the slide show stops after one lap
- javascript - dynamically added elements are called multiple times
- javascript - after changing the image with the svg extension to the image with the png extension, i want the image to appear in
- how to execute javascript after screen transition when clicking a link
- javascript - i get an error only after the server is up with js
- javascript - i want to return to the top of the screen after pressing the confirmation button
- c # - how to retrieve array data elements after udp communication using pico json
- javascript - wowjs i want to make it appear after entering the visible area
- regarding getting javascript elements
- javascript - i want to remove the unwilling overlap of elements
- javascript - in swiperjs, i want to brighten elements and switch slides without moving the slides
Related questions
- javascript : How to make a slow scrolling inside the block?
- javascript : How to make the ability to download and delete photos to the site
- javascript : How to properly convert an object in a string to perceive the SS variable as text?
- javascript : Picture when clicking does not change (jQuery)
- javascript : How to make a bank card entry mask with asterisks?
- javascript : Fixed horizontal scroll bar in HTML table. (CSS, jQuery)
- javascript : JS How to add to the DIV class element if there is a link in HASH? Variant_id=
- javascript : How to fix DIV when scaling the page
- JavaScript, Transfer from Input in JS Processing and Transfer to DIV
- javascript : How to install Disabled= True immediately for several selectors
How about it?
[Reference]
https://developer.mozilla.org/en/docs/Web/CSS/pointer-events