# Popup transparent

**URL:** <https://forum.inductiveautomation.com/t/popup-transparent/116542>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 27, 2026, 3:23pm UTC](https://forum.inductiveautomation.com/t/popup-transparent/116542 "2026-07-27T15:23:09Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Sanganak\_Kasare](https://avatars.discourse-cdn.com/v4/letter/s/8c91f0/32.png) [@Sanganak\_Kasare](https://forum.inductiveautomation.com/u/Sanganak_Kasare)\
**Post date:** [July 27, 2026, 3:34pm UTC](https://forum.inductiveautomation.com/t/popup-transparent/116542/2 "2026-07-27T15:34:04Z")

</div>

This thread might help, it covers exactly how to target specific Perspective popups using their popup ID, including making only selected popups transparent via "stylesheet.css":

> [@Perspective popup transparency](https://forum.inductiveautomation.com/t/perspective-popup-transparency/88043/10):
>
> Base your css selector on the popup's id. Ie, you open the popup with this id "foo". You can add #popup-foo { background: transparent; } But I suggest you push things a bit further and use a prefix in that id, so you can apply it to any popup you want. Let's say you want a way to make popups's background transparent. Give them an id that starts with 'transparent', ie "transparent\_foo". Now you can use this css: .ia\_popup[id^=popup-transparent] { background: transparent; } Now an…

---

_[View the full topic](https://forum.inductiveautomation.com/t/popup-transparent/116542)._
