网页不在iOS的浏览器或桌面的Safari正确呈现(Web page not rendering c

我有一个简单的网页。 就在头，一个无序列表，和背景图像。

背景图像模糊与CSS：

position: absolute;
min-height:100%;
width: 100%;
height: auto;
top: 0;
left: 0;
-webkit-background-size: cover; /* Add in these */
-moz-background-size: cover;    /* four lines to */
-o-background-size: cover;      /* remove the white space*/
background-size: cover;         /* around images */
-webkit-filter: blur(5px) brightness(0.5);
-moz-filter: blur(5px) brightness(0.5);
-o-filter: blur(5px) brightness(0.5);
-ms-filter: blur(5px) brightness(0.5);
transform: scale(1.1); /* get rid of that ugly border */

我没有很多的设备上测试的，但我知道它看起来罚款：铬（MacOS的），火狐（MacOS的）和Chrome（Android版）。 我借了朋友的iPhone看它，和背景图像不会呈现在所有。

在桌面Safari中的图像看起来是这样的：

（文本中删除）

这是该页面应该看起来像：

这里的HTML

文章来源: Web page not rendering correctly in iOS browsers or desktop Safari