代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 站长学院 > 建站教程 >

CSS3画返回箭头,菜单,搜索放大镜

来源:未知 发布时间:2019-03-30热度: ℃我要评论
在网站SEO优化中,小图标处理方式主要有三种: ①整合到一张图作为背景图,通过CSS样式background-position显示出来; ②用字体图标font-icon,几乎所有你想要的图标直接拿来用; ③用CSS3直接画,但只能画一些简单的几何图形,对浏览器有一定要求。 这几种方式都不影...

崖柏造假过程模板秀站淘宝店开业,好礼送不停

? ? ? ?在网站SEO优化中,小图标处理方式主要有三种:

①整合到一张图作为背景图,通过CSS样式background-position显示出来;

②用字体图标font-icon,几乎所有你想要的图标直接拿来用;

③用CSS3直接画,但只能画一些简单的几何图形,对浏览器有一定要求。

? ? ? ?这几种方式都不影响优化,兼容性最好的当然是第一种,有些IE6有些还不支持图片png格式;

? ? ? ?最洋气的是第二种,如果不想外引用字体,可以直接写到公共CSS样式表内,兼容性较好(本人测试百度浏览器不支持);

? ? ? ?第三种对浏览器有一定要求,下面介绍用CSS画几个图形,移动端优化中用得比较多的:返回箭头,菜单,搜索放大镜。效果请看本博客,用手机浏览或把PC浏览器宽度控制在780px内。

完整代码如下:



CSS3返回箭头/菜单/搜索放大镜 - 秀站网秀站网



 

本文地址:https://www.xiuzhanwang.com/news/1372.html

    责任编辑:秀站网

    发表评论

    评论列表(条)