0

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

它是使用核心 php 网站开发的基于 html 5 的模板网站，在火狐、IE 下看起来很好，但在 chrome 中，滑块区域的中心有一条垂直线，我无法找到导致问题的原因

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

谁能帮我这个 ？

这是滑块容器的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%;

}

4

2 回答 2

0

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

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

我删除了它，垂直线消失了。

有我新的完美解决方案：

您的自定义图标 svgs 与 webkit 不兼容？（野生动物园也无法显示图标）但是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'),
于 2013-08-31T06:11:48.610 回答
0

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

.circle-icon将您的班级更改为font-size: 0

这应该删除该行。

于 2013-08-31T06:12:59.660 回答