HTML 5网站给出不同的结果在Chrome和Firefox

是网站即时消息的链接开发HTML 5网站给出不同的结果在Chrome和Firefox

它是HTML 5基于模板的网站使用PHP核心开发网站看起来下火狐精，IE浏览器，但在Chrome有垂直行位于推子区的中心，我是不是能找到什么引起的问题

我试图解决与萤火虫的帮助，但无法追查问题

谁能帮助我？

这里为滑块容器

#slideshow-container { 
background: url("../images/slideshow/bg_slideshow.jpg") no-repeat scroll center center #999999; 
float: left; 
margin-bottom: 39px; 
overflow: hidden; 
position: relative; 
width: 100%;

}

来源

2013-08-31 user2338456

似乎垂直线通过// * [@ ID = “幻灯片内容”]/DIV/DIV [2产生的CSS代码]/div/span

who has a style：'content：“\ e0fb”;'

我删除了这个，垂直线消失了。

还有就是我的新完美的解决方案：

你customed图标svgs不与WebKit的兼容？（safari无法显示图标）但woff文件工作正常！

在你base.css：

url('../fonts/Batch-master.svg#Batch-master') format('svg'), 
url('../fonts/Batch-master.woff') format('woff'),

交换这两条线，和镀铬会读WOFF并使用它。

url('../fonts/Batch-master.woff') format('woff'), 
url('../fonts/Batch-master.svg#Batch-master') format('svg'),

来源

2013-08-31 06:11:48 hs3180

并且该图标也不显示。我认为“\ e0fb”表示unicode中的一个图标，它在IE中正确显示，但不在chrome中显示。也许这两个浏览器不使用相同的字体库。或以不同的方式解码unicode – user1600124

@ user1600124也许您可以使用图标图像来呈现图标。 http://www.utf8icons.com/character/57595/UTF-8-character – hs3180

呃..是的..我的意思是..只是删除这条线没有帮助解决问题，你应该用一个替换它图标图像。所以一个完整的答案应该是一个替代，而不仅仅是删除。 – user1600124

我用chrome Inspector，发现问题出在您的网站上。即，'Batch-master'如果将字体大小更改为0px或删除了批处理主体字体系列，则该行将消失。

您.circle-icon类更改font-size: 0

这应该删除线。

来源

2013-08-31 06:12:59 Patrick

和所有图标消失 – hs3180

我试图用检查器覆盖'.circle-icon'类并且线条消失了。保持圈子完好无损。 – Patrick

请帮助我真的陷入了这个 – user2338456

HTML 5网站给出不同的结果在Chrome和Firefox

回答

相关问题