Display hidden layers with CSS styles

This method does not use JavaScript. The code is small and simple. The displayed layer is automatically at the link.
The following code is added to the page. When you hover the mouse over the link "1234567890", the layer content "11111111" is displayed. When you move the mouse away, the layer is restored to the hidden state.

The code is as follows:	Copy code
<A href = "####" style = "color: blue" onMouseOver = "document. all. layer1.style. visibility = ''" onMouseOut = "document. all. layer1.style. visibility = 'siden' "> </A> 1234567890 <Div id = "Layer1" style = "position: absolute; width: 300px; height: 100px; z-index: 1; background-color: # CCFFFF; layer-background-color: # CCFFFF; border: 1px none #000000; visibility: hidden "> 11111111 </div>