6066人阅读
1. html和css代码如下：
&!DOCTYPE html&
&html lang=&en&&
&& &&meta charset=&UTF-8&&
&& &&title&CSS3精灵图响应式控制&/title&
&& &&style type=&text/css&&
&& &*{ margin: 0; padding: 0; border: 0; }
&& &div{ position:}
&& &.box{ width: 80%; height: 100 margin: 100 border: 1px solid #f00; background-color: rgba(0, 0, 0, 0.3);}
&& &.one{ float: width: 50%; height: 100 background-color: rgba(123, 231, 312, 0.5);}
&& &.two{ float: width: 50%; height: 100 background-color: rgba(111, 222, 122, 0.4);}
&& &.box:before, .one:before{ content: &&; background: url(icon.png) no- -webkit-background-size: 80px 280}
&& &.one:before{ width: 40 height: 23 position: background-position: 0 0; left: 100%;
&& &&& &background-color: #f00; z-index: 99; transform: translate(-50%, 0); }
&& &&/style&
&& &&div class=&box&&
&& &&& &&div class=&one&&&/div&
&& &&& &&div class=&two&&&/div&
&& &&/div&
2. 精灵图如下
3. 效果如下，可以页面大小随便调整。飞机的位置适中位于连个盒子中间。
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：377305次
积分：2581
积分：2581
排名：第14698名
原创：48篇
转载：68篇
评论：21条
(1)(1)(1)(2)(1)(1)(1)(2)(1)(1)(2)(2)(1)(1)(2)(2)(13)(13)(2)(5)(5)(2)(1)(1)(7)(5)(7)(1)(13)(7)(12)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'微信虚拟定位教程_百度经验
&&&&&&&&&手机软件微信虚拟定位教程听语音1234567
百度经验:给大家推荐一款简单又使用的手机软件，可以让你的微信定位在任意地方！百度经验:安卓手机虚拟定位手机软件：神行者百度经验:1下载神行者最新安装包并完成安装之后，打开神行者2点击底部中间的扳手图标，进入「模式」页面，点击「修改环境」按钮。修改成功后请按提示重启手机，再打开神行者，就进入了高级模式。完成这一步，需要你的手机已经获取root权限，如果你的手机没有root权限，请继续耐心往下阅读。3如果手机没有root权限时，请打开手机的系统设置，选择「开发人员选项」，将「允许模拟地点」设置为开启状态。4回首页，先将首页左上角的开关按钮打开（蓝色为开启状态）。5通过对地图的放大缩小、左右滑动，用手指点击你想要定位的地点。6点击左上角的神行者按钮，图标出现气泡文字显示经纬度，界面下方出现「操作成功」提示。恭喜你，你已经定位成功！7&当你不想继续使用神行者定位功能时，请将主界面的开关按钮关上，坐标图标将会隐藏，之前设置好的虚拟位置失效。8打开微信---发现----附近的人----右上角选择清楚位置并推出，再重新进一次附近的人。看吧，楼主附近的人都是老外了。END百度经验:若出现定位失败，可以尝试wifi/GPRS直接切换几次。经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。投票(104)已投票(104)有得(0)我有疑问(0)◆◆说说为什么给这篇经验投票吧！我为什么投票...你还可以输入500字◆◆只有签约作者及以上等级才可发有得&你还可以输入1000字◆◆如对这篇经验有疑问，可反馈给作者，经验作者会尽力为您解决！你还可以输入500字相关经验4072065热门杂志第1期你不知道的iPad技巧3617次分享第1期win7电脑那些事6336次分享第2期新人玩转百度经验1284次分享第1期Win8.1实用小技巧2587次分享第1期小白装大神1789次分享◆请扫描分享到朋友圈如何分辨 精灵是善良的 还是邪恶的(图)
（原标题：如何分辨 精灵是善良的 还是邪恶的(图)）
　　托尔金大师在《魔戒》里呈现了一个完整的生态圈，诸多种族粉墨登场，给人留下深刻印象。其中，他笔下的精灵，身材修长，聪颖美丽，举止优雅，不仅如此，他们文武双全，在诗歌、文学、音乐创作上也颇有一番造诣，且是中土最厉害的弓箭手，用现在的话来说，明明可以靠脸吃饭，他们偏偏靠才华，不要问明明是谁。
　　在远古时期精灵就分为两大类，西方的艾尔达精灵和东方的阿瓦瑞精灵，《魔戒》里的精灵永生不死也不会得病，只有火与利刃或极度悲伤可以杀死精灵，当他们觉得一万个世纪太长时，也能选择放弃不朽的生命，听上去，真是文艺青年的设定。
　　如此文青又美貌，托尔金可谓为精灵正了名，让大家再也不是提起精灵就想起蓝精灵或者是英国小精灵了，从此，精灵完成逆袭之路，咸鱼大翻身，鲤鱼跳龙门。
　　你是不是要问，精灵这虚拟物种，是托尔金首创吗，当然不是，从远古神话里，就有精灵这种生物了。
　　关于精灵的起源，在不同体系的神话都不同。在日耳曼神话中，大神奥丁斩杀巨人伊米尔后，巨人尸体上诞生了一种生物，它吸收了巨人的精华，极具灵性，这种生物便是精灵，其中尸体向光一面诞生的是光明精灵，背光一面诞生的则是黑暗精灵。
　　光明精灵们身体发光，形象好气质佳，注定耀眼，类似于托尔金笔下的精灵。他们通常性情温良，开朗热情，拥有与树木花草、游鱼飞鸟彼此沟通的能力，众神一瞧，开心了，便把他们作为自己的朋友。黑暗精灵则生长着暗色皮肤与银白色头发，被认为是邪恶的象征。
　　而在冰岛传说里，精灵起源是这样的——
　　夕阳西下，夏娃在河边为她的孩子洗刷身体，此时，神向她走去，夏娃认为尚未冲洗的孩子出现在神的面前是件羞愧的事，便将未洗的孩子藏了起来。
　　神问夏娃：“是否所有孩子都在眼前。”
　　夏娃点点头，有什么能瞒得过无所不知的神呢，怒发冲冠，喝道：“你根本没必要在我面前把孩子隐藏起来，他们，不能再活在人类当中！”
　　神的旨意不可更改，那些孩子在神的安排下，变成了美丽的精灵。
　　美好的另一面自然是堕落，在很多地方，人们并不认为精灵是美好的象征，他们认为精灵是堕落的天使，或是异教徒死后因善行不足无法让他升上天堂去，但也没罪孽深重，也无法下地狱而安身，于是定居在两者之间的尘世中。
　　而在欧洲神话里，精灵也与天使有关，但不是天使堕落为精灵。精灵是从生命之树诞生，要经过特殊仪式才可进化成天使，欧洲神话里的精灵，与人类相比，身材矮小，皮肤细腻且惨白，发色为淡色，最令人称道的是他们的眼睛，色彩丰富，像五颜六色的宝石。
　　他们擅长魔法和弓箭，喜夜间活动，白天则栖息于树上，且与动物相处友好，而在种族间，他们是尊敬女性的种族，有趣的是，男性数量却较少。
　　如果你认为精灵只在奇幻文学和远古神话里流传，那你就太傻太天真了，在宗教里，精灵也是不可或缺的存在。
　　伊斯兰教教徒认为，精灵也与天使有一定联系，一般是指和天使相对存在的一种无形生灵。精灵中也有穆斯林和非穆斯林，有行善的也有作恶的，和人类一样，有男女老少、饮食生死，甚至婚配生育，很多细节在《古兰经》里也有描写。
　　而作恶的或非穆斯林的精灵，他们喜欢附身在巫婆、神汉的身上，带上伪善面孔，以治病为由，诱人堕入迷信，所以，巫婆、神汉习惯与邪恶精灵狼狈为奸，邪恶精灵会教唆他们一两句咒语，或装像死人音调说话，像亡故的人在说话。有时邪恶精灵也爱附在精神颓废、神智失常的人身上，让他胡说乱讲，扰乱社会秩序。
　　在穆斯林，他们是承认鬼的客观存在，但他们并不像我们的宗教认为鬼是人死后所变的，而是精灵中的元凶伊卜里斯及其部卒，也就是说，这个黑锅又由精灵背了。伊卜里斯原是天使诛灭的精灵中被俘的一个小精灵，真主一时心软，便宽容了伊卜里斯，让他跟随着天仙办公，以此减罪。
　　后来，真主又创造了人祖阿丹，真主自然知道新官上任三把火这个道理，于是替阿丹做了决定，命令所有天仙向阿丹拜贺，伴君如伴虎，真主下令，怎么不服，于是熟知仙情世故的天仙们都拜了阿丹，唯有那个伊卜里斯傲娇着违抗主命，不愿拜贺。
　　真主不高兴了，心想我对你伊卜里斯还不好么，于是他质问伊卜里斯为何不拜他新提拔的人祖，正所谓不作死就不会死，伊卜里斯高仰着头，赌气道：“我比阿丹高贵，我才不管他是不是什么人祖，尊贵的我就不应给卑贱的他拜贺。”
　　这还了得，与所有大怒的神一样，一定会惩罚这种大逆不道的家伙。伊卜里斯这才知道这回不是闹着玩，生怕好不容易捡回的小命没了，于是求真主宽容他。
　　真主最后饶他一死，伊卜里斯虽获宽容，但恼羞成怒，怀恨在心，发誓一定要让阿丹的子孙也违抗真主，走他的不归邪路！从此，伊卜里斯便专干些诱人迷误的事，因他年长识广，又是出色的阴谋家和演说家，许多非穆斯林精灵也都成了他的走卒，听他的指挥，正如前文所说，他们多附在巫婆、神汉身上作祟，诱惑许多人迷信。
　　这便是鬼的真相，精灵堕落的鬼，而不是人死后变成的鬼，魔鬼常引诱那些心术不正的、精神失常的、搞迷信活动的人，例如巫婆、神汉之类。这也是另一面的精灵，并不是所有的精灵都如托尔金笔下那般美好。
本文来源：北京晚报
责任编辑：黄欢_NN1650
关键词阅读：
不做嘴炮 只管约到
热门产品:　　　
:　　　　　　　　
:　　　　　　　　　
热门影院：
用微信扫描二维码分享至好友和朋友圈首先，我们应该知道引入精灵图的原因：
具体是因为，网页上面的每张图片都要经历一次请求才能展示给用户，小的图标频繁的请求服务器，降低页面的加载速度，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，因此，产生了css精灵技术。
其次，我们应该知道精灵图和图标字体在使用的过程中有哪些异同点：
同:能够缩小源文件的体积，减少http的请求，提高页面的性能
异：图标字体具有矢量效果，放大缩小不失真，而且可以使用CSS任意更改图标字体的颜色；而精灵图的大小固定，放大缩小会失真，更改图片颜色时需要重新修改精灵图。
相信在了解二则之间的异同点之后会对精灵图和图标字体的使用更加有的放矢，运用自如。下面来看看我对精灵图使用的详细总结：
除了之前在我的博客的随笔中提到解决网站中的小图标问题的方法之外，还可以使用精灵图的方式解决网站中的小图标问题，这种办法相比较之前的方法，稍微有点复杂，主要用到background-position属性外，还需要使用定位的方式。具体怎样解决，可以详细分析下面的代码，真的非常有用。
html代码：
&div class="con-nav-right"&
&a href="#"&三星手机旗舰店&/a&
&span class="red"&京东自营&/span&&
&i class="JIMI"&&/i&
&span&JIMI&/span&
&i class="guanzhu"&&/i&
&a href="#"&关注店铺&/a&
　　css代码：
.con-nav-in .con-nav-right{
width: 262
height: 44
line-height: 44
.con-nav-right, span, i, a {
font:12px "宋体";
color: #666666;
.con-nav-right .red{
background-color:
color: #FFFFFF;
.con-nav-right .JIMI{
height: 18
background: url("../images/_sprite.png") no-
right: 104
.con-nav-right .guanzhu{
height: 16
background: url("../images/_sprite.png") no-repeat -34px 0
　　效果图如下：
如果感觉这篇文章对你的真的有用，更精彩的这里
阅读(...) 评论()}