Saber 酱的抱枕

Fly me to the moon

10/30
2014
学习

css制作三角形

做三角形的要点:
1.div宽高必须为0;
2.边框颜色透明是透明,虽然看不到,但是不同于边框none哦;
3.line-height: 0;的设置是为了解决ie6空div有高度的bug;
4.ie6下设为透明的边框将显示为黑色...真是个可爱的小调皮~爆炸吧ie6!!!

好,接下来进入实战。以下皆为代码实现哦~

首先是向上的三角形,设置其底边框的可见样式,其他三条边框为透明。

为什么这样就能出来三角形了呢?我们把四条边框全部设为可见就明白了

我们给div加上宽高再看,才发现原来边框并非是我们所想的四个长条。如果把下面div的宽高归零,四条边框自然就有重合点——变成四个三角形了。

平时我们不知道这个事实,大概是因为我们经常把边框设置为同一种颜色的原因,那样当然就以为四条边就是四条直线拼一起了呢

明白了这个道理,我们可以随意调♂教这四条边了:

 

现在,不管是上下左右还是四个斜角,你还能说你不会吗?

上面的斜三角是用两个三角形拼起来的,因此看起来明显比较大。实际上可以用一个小三角的面积显示的,那就是随意挑选两个相邻的纵向边框和横向边框,将其中一个设为透明,一个设为可见色,另外两条边框设置为none就可以了。两条边框各占据了矩形的一半。

看下面的太极图,你能想到它是用圆角、定位、边框组合出来的吗?进阶地址

Read More →

css制作三角形

10/30
2014
学习

jquery并非越新越好——为了兼容性

最近做的网站引用了SuperSlide,其需要jq的支持,于是我不假思索下载了2.0.3版本的jq。这是个比较新的版本,现在项目都快上线了,有个同事用360极速浏览器的兼容模式查看,发现SuperSlide没有生效。后来我就拿ie8实验,在ietest里用ie8模式打开此网页后,不断报错:

这个大概是jq根据SuperSlide的指令执行操作被浏览器报错

这个是SuperSlide使用的jquery()方法不起效

去你妹的吧,在各种百度各种尝试,浪费最少半小时之后,忽然想到以前一件事情,某投资网站根据用户输入的数值来计算相应的其他值,我当时也是把jq换成新版本就报错了。只是我这里chrome里面没报错,只有ie8有问题,果断把jq换成百度cdn的1.9,世界清静了,又用I6模式看了下,连IE6都给我跪下了爆裂吧IE!!!就你们IE和系统捆绑紧,xp的ie只能到ie8,诚心找事啊

jquery并非越新越好——为了兼容性

10/29
2014
ACG

欧派之歌——mimimi

曲名《mimimi》,作者是serebro,俄罗斯著名的女子三人组合

此图是出自【动漫碎碎念】第25期,剪辑的太赞了,我已经将歌曲片段截了下来~度盘下载

B站看里番指日可待(((o(*゚▽゚*)o)))

再一个:http://www.bilibili.com/video/av1192762/

虽然不如第一个那么纯洁全是欧派,但是节奏和空耳是亮点哦

好吧,最后附上原版MV,开头高能,别怪我没~警~告~

欧派之歌——mimimi

10/28
2014
ACG

saber卡片U盘

淘宝上有卡片U盘,我以前就很感兴趣,前晚我才用了半年的金士顿32G U盘丢了,这下正好,旧的不去新的不来,可惜的是,卡片U盘除了有些贵,还只有2.0接口 QAQ 为了二次元,忍了吧 TAT

我从《saber美图》里面找了许多图,在ps里大概做了10个候选图,最后用了两个深色的图。图片比例是85*54,我就做成850*540px了。

由于印刷采用的是CMYK色,所以上面的图片是在CMYK模式下看的效果,最后用RGB模式保存的,但愿印出来别反而完美无色差==那才是真坑呢

Read More →

saber卡片U盘