# BABYLON.GUI.TextBlock set alpha separately

**URL:** <https://forum.babylonjs.com/t/babylon-gui-textblock-set-alpha-separately/4977>\
**Category:** Questions\
**Created:** [August 8, 2019, 3:06am UTC](https://forum.babylonjs.com/t/babylon-gui-textblock-set-alpha-separately/4977 "2019-08-08T03:06:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![deadcat](https://avatars.discourse-cdn.com/v4/letter/d/ebca7d/32.png) [@deadcat](https://forum.babylonjs.com/u/deadcat)\
**Post date:** [August 8, 2019, 3:06am UTC](https://forum.babylonjs.com/t/babylon-gui-textblock-set-alpha-separately/4977/1 "2019-08-08T03:06:10Z")

</div>

Hello, I made GUI label with BABYLON.GUI.Rectangle and TextBlock.  
I want set alpha value 0.6 to rectangle and 1 to text block separately.  
but it seems alpha linked with rectangle and text block (follow rectangle’s alpha)

is it possible?  
PG is here  
[https://playground.babylonjs.com/#V7X12E](https://playground.babylonjs.com/#V7X12E)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [August 8, 2019, 3:03pm UTC](https://forum.babylonjs.com/t/babylon-gui-textblock-set-alpha-separately/4977/2 "2019-08-08T15:03:29Z")

</div>

You cannot directly because transparency is inherited BUT you can just add a new rectangle to render the background;)  
[https://playground.babylonjs.com/#V7X12E#1](https://playground.babylonjs.com/#V7X12E#1)

Other option: use rgba to render the background of the main rect: [https://playground.babylonjs.com/#V7X12E#2](https://playground.babylonjs.com/#V7X12E#2)