jquery 环形交叉路口 chrome & safari:图像大小和不透明度全部错误?
在除 Chrome 和 Chrome 之外的所有浏览器上都能正常工作。野生动物园。我正在使用这些 js 文件:
<script src="assets/js/libs/jquery.easing.1.3.js"></script>
<script src="assets/js/libs/jquery.scrollTo-min"></script>
<script src="assets/js/libs/jquery.localscroll-min"></script>
这个文档准备功能:
<script>
$(document).ready(function() {
$('ul#roundabout').roundabout({
btnNext: '#next',
btnPrev: '#previous',
easing: 'easeInOutQuad'
});
});
</script>
它适用于
<ul id="roundabout">
<li><img src="assets/img/barney.jpg"><br />
Barney</li>
<li><img src="assets/img/bert.jpg"><br />
Bert</li>
<li><img src="assets/img/coco.jpg"><br />
Coco</li>
<li><img src="assets/img/dolly-and-flo.jpg"><br />
Dolly & Flo</li>
<li><img src="assets/img/marley.jpg"><br />
Marley</li>
<li><img src="assets/img/murphy.jpg"><br />
Murphy</li>
<li><img src="assets/img/ted.jpg"><br />
Ted</li>
<li><img src="assets/img/ruby.jpg"><br />
Ruby</li>
<li><img src="assets/img/theo.jpg"><br />
Theo</li>
</ul>
结果是所有图片都很小,并且不透明度未正确应用。还有其他人经历过吗?我被难住了!
Works fine on every browser but Chrome & Safari. I am using these js files:
<script src="assets/js/libs/jquery.easing.1.3.js"></script>
<script src="assets/js/libs/jquery.scrollTo-min"></script>
<script src="assets/js/libs/jquery.localscroll-min"></script>
And this doc ready function:
<script>
$(document).ready(function() {
$('ul#roundabout').roundabout({
btnNext: '#next',
btnPrev: '#previous',
easing: 'easeInOutQuad'
});
});
</script>
It applies to
<ul id="roundabout">
<li><img src="assets/img/barney.jpg"><br />
Barney</li>
<li><img src="assets/img/bert.jpg"><br />
Bert</li>
<li><img src="assets/img/coco.jpg"><br />
Coco</li>
<li><img src="assets/img/dolly-and-flo.jpg"><br />
Dolly & Flo</li>
<li><img src="assets/img/marley.jpg"><br />
Marley</li>
<li><img src="assets/img/murphy.jpg"><br />
Murphy</li>
<li><img src="assets/img/ted.jpg"><br />
Ted</li>
<li><img src="assets/img/ruby.jpg"><br />
Ruby</li>
<li><img src="assets/img/theo.jpg"><br />
Theo</li>
</ul>
The result is that all the pictures are tiny, and the opacity isn't applied correctly. Has anyone else experienced this? Am stumped!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论