The opacity value becomes 1%

Today, development encountered a pit , It's just transparency opacity:60%; It's no problem how you measure it locally , But there is a problem when publishing and deploying to the test environment , The page is directly invisible , I've been looking for it for a long time , When we finally examined the elements, we found , The content is still , Just transparency becomes 1%, At first, I thought it was other parts that set the style , It is covered. , Then I added ！important The results of the earliest packaging are as follows , Not yet. ！！

Then the results of online search found opacity When set to percentage , After packaging, the value is forcibly changed to 1%, It's ridiculous ！！
So what's the solution ？
hold opacity Set to decimal , Such as opacity:0.6, Continue to review the elements as shown in the figure below , Smooth solution .

You were this opacity Is the hole there ？