Cloudflare css minify changes background color property

Hey there!

I have recently activated ClodFlare’s auto-minify option for CSS. Anyhow, I have found that for some reason, auto-minify changes:
background-color: rgba(0,0,0,50%);
To:
background-color: transparent;

That makes no sense to me.

Anyone know why this happens and how to fix it?

Thanks!

As a workaround, you can create a page rule like this:

to prevent Cloudflare auto minify the CSS file that is causing the issue.

2 Likes

Thanks!

1 Like

Could you anyway please create a supportticket so the coreproblem can be solved on long term, not just by workaround?
If you create one please post the Ticket ID here :slight_smile:

2 Likes

Try with the alpha channel (opacity) set to 0.5 instead of 50%.
e.g.
background-color: rgba(0, 0, 0, 0.5);

2 Likes

True, w3school shows the same:

https://www.w3schools.com/cssref/func_rgba.asp

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.