旋转滑块和奇怪的符号，而不是箭头 [英] Revolution slider and strange symbol instead of arrows

问题描述

我有一个简单的页面(没有cms)，其中安装了旋转滑块.这是演示

I have this simple page (no cms) in which I installed the revolution slider.This is the demo

真正奇怪的是，在某些浏览器中，正确显示了箭头(前进和后退)，而在其他浏览器中却显示了中文(或某些字符)而不是箭头.例如，在我的Chrome浏览器中，我看到了中文符号.

The really strange thing is that in some browsers, arrows (forward and backward) are shown correctly and in others there are chinese (or something) characters instead of arrows. For example, on my Chrome browser i see chinese symbols.

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

I really didn't understand this issue...

推荐答案

如果按F12键，您会发现找不到某些文件，这可能是一个问题.但是，如果在所有箭头CSS中添加!important，则必须显示它们.例如:

If you press F12 you can see some files aren't found and what can be a problem. But if you add the !important in all you arrows CSS, they must display. For example:

.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，因为它比其他css更重要.

The !important is used to say that css must be always executed because is more important than the others.

这篇关于旋转滑块和奇怪的符号，而不是箭头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！