网站在Safari 5.1上不能正常显示

Website not showing properly on Safari 5.1

本文关键字:常显示 显示 不能 Safari 网站      更新时间:2023-09-26

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

然而,我面临的唯一问题是在Safari 5.1 &6 .

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

我的问题在黑体,如果有人能帮助我,我将非常感激。

首页滑动图片不显示

[![滑块图像不显示][1]][1]

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

图片显示所有拉伸

所以我们在Safari 5.1上面临两个问题;6. 所有其他浏览器&safari的新版本表现得很好。下面是我们在网站中使用的一些代码:

  1. 对于滑动,我们使用BX滑动条:

<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>

  • 对于lookbook页面,我们使用了一个大的编码,因此我不能在这里插入所有内容,如果有人检查链接lookbook-inner-new.html上的问题会更好;让我知道问题所在,这样我就会粘贴旧的&更新的代码,以供将来参考。
  • 然而,我面临的唯一问题是在Safari 5.1 &6 .

    希望它能帮助你们给我一个更好的解决方案。

    谢谢,