# How to make an interactive image

**URL:** <https://forum.inductiveautomation.com/t/how-to-make-an-interactive-image/80498>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 15, 2023, 2:36am UTC](https://forum.inductiveautomation.com/t/how-to-make-an-interactive-image/80498 "2023-10-15T02:36:37Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [October 16, 2023, 11:05pm UTC](https://forum.inductiveautomation.com/t/how-to-make-an-interactive-image/80498/10 "2023-10-16T23:05:55Z")

</div>

This is CSS and you would paste directly into the stylesheet, so unsure what dialog box you are referring to.

Now that you mention it, I'm not sure why I have `'color', that's usually for text. I'll need to revisit and update or add comments so I remember. The z index was to help for components that may overlap and this would make the hover always on top.

> [@New Stylesheet resource](https://forum.inductiveautomation.com/t/new-stylesheet-resource/64787):
>
> Starting with the 10/4/2022 Nightly (8.1.22) build, users will be able to modify a new styling resource: stylesheet.css This new resource is considered an advanced feature and will not be in place by default. To place the resource, expand the Perspective node of the Project Browser, right-click the Styles node, and select "Enable Advanced Stylesheet". [EnableStylesheet] Once in place, the stylesheet allows for inserting CSS just as you would in any normal CSS file. The rules defined in this r…

---

_[View the full topic](https://forum.inductiveautomation.com/t/how-to-make-an-interactive-image/80498)._
