查看: 96|回复: 0

[教 程] 【模板制作】UTF-8与GBK编码下 点 的制作

[复制链接]
发表于 2018-5-16 11:06:52 | 显示全部楼层 |阅读模式
本帖最后由 kwakmoon 于 2018-5-17 01:01 编辑

背景:我们模板制作中,目前用 utf-8 的编码下  css 可执行一些 符号,但这个符号 在 GBK 编码下会出现输出为 一个中文字或乱码。

(我鸟人IT的模板作品都是 utf-8编码的,但有些政府单位或者学校网站客户,之前做的网站几乎都是gbk或gb2312 编码网站,需要转码。我css中目前很多采用自体或符号方式输出一些 icon 图标,但有些时间 gbk 编码就无法输出,所以采用以下方法,解决gbk编码出现乱码问题。)

实例:

utf-8 的 css

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

上面 css 中红色的 点,在 utf-8 下显示为 点

但在 gbk 编码下的网站上会出现为“鈥”

那解决方法是,如果是 gbk 网站,css 里不能直接用 符号,得改为图标。

如:content: url(../images/dot-10.png);

(图片为一个10像素的点)

这种点的图片可在免费在线生成网站上生成
(推荐网站:http://www.haotu.net/icon/191189/dot

----------------
以上是简单整理的说明。

实际案例演示网站说明(首页焦点幻灯循环图片部分):

utf-8 编码演示站:demo8.newbeeit.com



GBK 编码演示站(客户网站):www.jianzhusheji.net


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?点击这里注册

x
您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2018-5-26 04:35 , Processed in 0.167302 second(s), 8 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表