EasyUI Forum
February 26, 2024, 07:21:31 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
   Home   Help Search Login Register  
Pages: [1]
Author Topic: change opacity off different layout regions  (Read 665 times)
Jr. Member
Posts: 57

View Profile
« on: November 24, 2022, 08:00:17 AM »

I have a full page layout with N, S, E, W and center easyui-layout regions.
I have a easyui texteditor in the center region.

I want to programmatically fade the opacity of the whole layout to opacity=0 but keep the Texteditor panel at opacity =1.

It is obviously inheriting the css values.
If I place a panel below the layout, my code works fine.

The layout panel (id=bg1) starts with the style="z-index:1;position:fixed;opacity: 1;"
When triggered it is faded as follows:  $("#bg1").stop().animate({ opacity: 0 }, 5000); // fades to transparent over 5 secs

The easyui-texteditor (id=bg2) starts with the style="z-index:2;position:relative;opacity: 1;"
When the background fade is triggered it is set to remain opaque as follows:  $("#bg2").stop().animate({ opacity: 1 }, 0); // set to fully opaque immediately.

Any clues how to manipulate the css to make the easyui-texteditor box remain visible? Many thanks
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!