Question

这里是我正在开发的网站链接

它是使用核心php开发的基于html 5的模板站点网站看起来很好，在火狐，IE但在铬有垂直线来到滑块区域的中心，我不能找到什么导致问题

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

任何人都可以帮我这个吗？

这是滑块容器的css代码

#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%;

}

Answer 1

似乎垂直线是由 // * [@ id =“slideshow-content”] / div / div [2] / div / span

生成的

谁有风格：'内容：“\ e0fb”;'

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

有我新的完美解决方案：

您的自定义图标svgs与webkit不兼容？（safari也无法显示图标）但是 woff 文件工作正常！

在 base.css ：

中

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

交换这两行，chrome将读取 woff 并使用它。

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

Answer 2

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

将您的.circle-icon课程更改为font-size: 0

这应删除该行。

html 5网站在chrome和firefox中给出不同的结果

2 个答案: