My background image, which is overlaid with a gradient, does not show up on Safari (although it works perfectly on Chrome).
body{
background:linear-gradient(rgba(0, 0, 0, 0.95),rgb(0, 0, 0,
0.95)),url("https://www.w3schools.com/cssref/img_tree.gif") no-repeat center center fixed;
background-size: cover;
overflow: hidden;
height: 100%;
}
<html>
<head></head>
<body></body>
</html>
This is the code snippet from my .css file that specifies the background styling. I attempted changing the linear gradient to -webkit-linear-gradient (as it was suggested as a possible fix for Safari compatibility issues).
In Safari, the background should display an image of a computer covered by a darkened overlay. However, instead of this intended appearance, Safari shows a plain white background.