Difference between revisions of "Test page"
From Muninn land
| Line 1: | Line 1: | ||
{{#tag:html| | {{#tag:html| | ||
<style> | |||
.image-highlight-container { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.highlight-box { | |||
position: absolute; | |||
border: 2px solid red; | |||
background-color: rgba(255, 0, 0, 0.3); | |||
display: none; | |||
pointer-events: none; | |||
z-index: 10; | |||
} | |||
.hl1 { top: 140px; left: 250px; width: 80px; height: 80px; } | |||
</style> | |||
}} | |||
{{#tag:html| | |||
<div class="image-highlight-container"> | |||
<img src="https://m.muninn.land/images/5/53/5_cent_italy_2002_obverse.jpg" width="600" alt="5 cent Italy obverse"> | <img src="https://m.muninn.land/images/5/53/5_cent_italy_2002_obverse.jpg" width="600" alt="5 cent Italy obverse"> | ||
<div id="highlight1" class="highlight-box hl1"></div> | |||
</div> | |||
}} | |||
{{#tag:html| | |||
<p onmouseover="document.getElementById('highlight1').style.display='block';" | |||
onmouseout="document.getElementById('highlight1').style.display='none';"> | |||
Passa qui per evidenziare zona 1 | |||
</p> | |||
}} | }} | ||
Latest revision as of 18:36, 14 March 2025
Passa qui per evidenziare zona 1
