javascript - 网站在 Safari 5.1 上无法正常显示

Question

我有一个自己设计的网站。它在所有浏览器(包括较新版本的 Safari)上都能完美显示。

然而，我面临的唯一问题是 Safari 5.1 和 6。

我的网站网址是 - http://samiakamar.com

我的问题在粗体中，如果有人能提供帮助，我将不胜感激。

首页滑动图片不显示

[![ slider 图像未显示][1]][1]

& 在本页 - http://samiakamar.com/lookbook-inner-new.html

图像显示全部拉伸(stretch)。

Answer 1

因此我们在 Safari 5.1 和 6 上面临 2 个问题。所有其他浏览器和 safari 的更新版本都显示完美。所以这是我们在网站中使用的一些代码:

1. 对于 Slide，我们使用了 BX Slider:

<div class="bxslider">
        	<ul>
            	<li style="background:url(images/slide1.jpg) 50% 50% / cover no-repeat"></li>
                <li style="background:url(images/slide2.jpg) 50% 50% / cover no-repeat"></li>
                <li style="background:url(images/slide3.jpg) 50% 50% / cover no-repeat"></li>
            </ul>
        </div>

我们无法粘贴完整的代码，因为我们甚至不知道问题是什么以及为什么它没有在旧版本的 safari 上显示

这是 slider 的 CSS 链接:http://www.samiakamar.com/css/jquery.bxslider.css

这是 slider 的 js 文件链接:http://www.samiakamar.com/js/jquery.bxslider.js

这是我们使用的内联js代码:

<script type="text/javascript">
$(document).ready(function(e) {
    setliHeight();
	$(window).resize(function(e) {
        setliHeight();
    });
	$('.bxslider ul').bxSlider({
		mode: 'fade',
		auto: true,
		controls : false
	});	
});
function setliHeight() {
	$('.bxslider ul li').height($(window).height())
}
</script>

1. 对于 lookbook 页面，我们使用了很大的编码，因此我不能在这里插入所有内容，如果有人检查链接 lookbook-inner-new.html 上的问题并让我知道问题，那么我会更好粘贴新旧代码以供将来引用以供他人帮助。

然而，我面临的唯一问题是 Safari 5.1 和 6。

希望它能帮助你们为我提供更好的解决方案。

谢谢，