If you change the visibility of an element \[code\]visibility: hidden\[/code\], will a click event still fire if the user clicks it?I want to "hide" an element (i.e. \[code\]<span>\[/code\]) and disable the click event from firing, but retain is position in the normal flow of the document. So \[code\]display: none;\[/code\] won't work since it removes the document from the normal flow, but was wondering what are my other options via CSS without actually handling the click event and using preventDefault()?