Question

我有这个简单的页面（没有cms），我安装了旋转滑块。这是demo

真正奇怪的是，在某些浏览器中，箭头（向前和向后）显示正确，而在其他浏览器中则有中文（或其他）字符而不是箭头。例如，在我的Chrome浏览器上，我看到中文符号。

我真的不明白这个问题......

Answer 1

如果按F12，您可以看到找不到某些文件，可能会出现问题。但是如果你在所有箭头CSS中添加!important，它们必须显示。例如：

.tp-leftarrow:before { 
   content: ''; /*for remove the chinese character*/
}

.tp-leftarrow.tparrows.default
{
   position: absolute !important;
   margin-top: -18px;
   left: 20px;
   top: 500px;
}

.tp-leftarrow.default {
   z-index: 100 !important;
   cursor: pointer !important;
   position: relative !important;
   background: url(../assets/large_left.png) no-Repeat 0 0 !important;
   width: 40px !important;
   height: 40px !important;
}

.tp-leftarrow {
   z-index: 100 !important;
   cursor: pointer !important;
   position: relative !important;
   background: url(../assets/large_left.png) no-Repeat top left !important;
   width: 40px !important;
   height: 40px !important;
}

!important用于表示必须始终执行css，因为它比其他人更重要。

革命滑块和奇怪的符号而不是箭头

1 个答案: