Buttons are transparent against Grid

Hi!

Having a problem with having transparent buttons, that show through a Grid behind them. I would kindly appreciate tips to overcome this. The code for the Grid shader is the following, but I haven't been able to make sense of it. This issue only affects button (Canvas > UI > Button Sprites).



Code for the Grid material, I tried tinkering with the settings with no luck:

Code (CSharp):

1.      {
2.          var shader = Shader.Find("Hidden/Internal-Colored");
3.          lineMaterial = new Material(shader);
4.          lineMaterial.hideFlags = HideFlags.HideAndDontSave;
5.          //alpha blending
6.          lineMaterial.SetInt("_SrcBlend", (int)UnityEngine.Rendering.BlendMode.SrcAlpha);
7.          lineMaterial.SetInt("_DstBlend", (int)UnityEngine.Rendering.BlendMode.OneMinusSrcAlpha);
8.          // backface culling off
9.          lineMaterial.SetInt("_Cull", (int)UnityEngine.Rendering.CullMode.Off);
10.          // depth writes off
11.          lineMaterial.SetInt("_ZWrite", 0);
12.      }

 

Sorry to bump but anyone got a clue? This seems like a pretty easy problem to solve with the right knowledge on shaders.

 

https://docs.unity.cn/530/Documentation/ScriptReference/GL.html

if you are suing this then the maybe the issue is in the code you didn't include, they say

Code (CSharp):

1.  
2. // Will be called after all regular rendering is done
3.  

maybe the buttons are render then you render the grind and put it on top of everything

 

I tried setting the Grid creation to Awake but it didn't change a thing. Also, most objects are displayed with correct depth regarding, only the buttons are not.

 

So far sorted out with a crude solution by adding a cube behind the buttons but would still prefer to sort this with a better solution.