Question

窥视，

遇到一个问题，我正在建立一个网站，我的幻灯片放映没有显示在Chrome（34.0）和显然是Safari（不确定版本）。在Firefox（28.0）中运行良好，IE 11.0甚至可以在HTC浏览器上运行

幻灯片放置在导航栏的正下方（，........

代码：

<div class="css-slideshow">

<figure>
<img src="images/slide_pic01_orange.jpg" alt="class-header-css3" width="980" height="300" class="alignnone size-full wp-image-172" />
<figcaption><strong>Connectivity:&nbsp;</strong> lorem ipsum</figcaption>
</figure>

<figure>
<img src="images/slide_pic02_orange.jpg" alt="class-header-semantics" width="980" height="300" class="alignnone size-full wp-image-179" />
<figcaption><strong>Website design:&nbsp;</strong>lorem ipsum</figcaption> 
</figure>

<figure>
<img src="images/slide_pic03_orange.jpg" alt="class-header-offline" width="980" height="300" class="alignnone size-large wp-image-178" />
<figcaption><strong>IP Telephony:&nbsp;</strong>lorem ipsum</figcaption> 
</figure>

</div>

我尝试过使用Chrome网络检查器来解决一些错误，

另一个不起作用的是导航栏中的渐变颜色，从白色（顶部）到橙色（底部）。它仅适用于Firefox中的渐变颜色。

CSS：

nav ul {
background: #ff6600; 
background: linear-gradient(top, #efefef 0%, #ff6600 100%);  
background: -moz-linear-gradient(top, #efefef 0%, #ff6600 100%); 
background: -webkit-linear-gradient(top, #efefef 0%,#ff600 100%); 
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 75x;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
z-index: 9999;

对于我的生活，我已经没有选择如何诊断这个。

*小提琴：

http://jsfiddle.net/charliebabbit/ULvXS/

* URL：

http://www.dogtel.com.au/test.html

谢谢你们

HTML5幻灯片显示未在Chrome（和Safari）中显示。

0 个答案: