我有一个自己设计的网站。它在所有浏览器(包括较新版本的 Safari)上都能完美显示。
然而,我面临的唯一问题是 Safari 5.1 和 6。
我的网站网址是 - http://samiakamar.com
我的问题在粗体中,如果有人能提供帮助,我将不胜感激。
首页滑动图片不显示
[![ slider 图像未显示][1]][1]
& 在本页 - http://samiakamar.com/lookbook-inner-new.html
图像显示全部拉伸(stretch)。
最佳答案
因此我们在 Safari 5.1 和 6 上面临 2 个问题。所有其他浏览器和 safari 的更新版本都显示完美。所以这是我们在网站中使用的一些代码:
- 对于 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>
- 对于 lookbook 页面,我们使用了很大的编码,因此我不能在这里插入所有内容,如果有人检查链接 lookbook-inner-new.html 上的问题并让我知道问题,那么我会更好粘贴新旧代码以供将来引用以供他人帮助。
然而,我面临的唯一问题是 Safari 5.1 和 6。
希望它能帮助你们为我提供更好的解决方案。
谢谢,
关于javascript - 网站在 Safari 5.1 上无法正常显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32231284/