半夏微澜ぺ - 博客园

2016年12月13日

摘要：兼容性不是很好，只是了解一下：主要表现在跨域策略的处理上，Chrome浏览器和FireFox浏览器：如果需要下载的资源是跨域的，包括跨子域，在Chrome浏览器下，使用download属性是可以下载的，但是，并不能重置下载的文件的命名；而FireFox浏览器下，则download属性是无效的，阅读全文

posted @ 2016-12-13 11:53 半夏微澜ぺ阅读(2180) 评论(0) 推荐(0)

css3 all属性

摘要： ie不支持，谷歌火狐支持，safari9+支持，移动端高版本支持 all属性实际上是所有CSS属性的缩写，表示，所有的CSS属性都怎样怎样，但是，不包括unicode-bidi和direction这两个CSS属性。我们可能知道，有些CSS属性值基本上所有CSS属性都有，比方说继承inherit! 阅读全文

posted @ 2016-12-13 11:13 半夏微澜ぺ阅读(334) 评论(0) 推荐(0)

direction

摘要：基本上，大家只要关心下面这两个属性值就好了： direction: ltr; // 默认值 direction: rtl; 其中，ltr是初始值，表示left-to-right，就是从左往右的意思，再具体描述下，就是内联内容是从左往右依次排布的，我们平时网页的处理都是这样的，比方说前后两个图片，默认阅读全文

posted @ 2016-12-13 10:54 半夏微澜ぺ阅读(414) 评论(0) 推荐(1)

writing-mode属性

摘要： writing-mode属性最初只是ie中的属性，只有ie支持，现在在css3中谷歌，火狐也开始支持。所以使用的时候就需要记住两套不同的语法，ie的私有属性和css3的规范属性如果只需要兼容到ie8+就可以只使用css3的规范属性就可以了 css3： html html writing-mod 阅读全文

posted @ 2016-12-13 10:31 半夏微澜ぺ阅读(6601) 评论(0) 推荐(1)

2016年12月7日

css画三角的原理

摘要：当我们设置一个div其width与height为100px，并且设置其四边框的宽度为100px，且分别设置其颜色后，我们可以看到如下的一张图片此时如果设置这个div的height为0的话，其他不变，会得到下面这个图形下面把其宽度也设置为0后，得到如下的一张图片删除border-bottom 设阅读全文

posted @ 2016-12-07 09:58 半夏微澜ぺ阅读(293) 评论(0) 推荐(0)

2016年12月6日

css3 实现png图片改变背景颜色

摘要：实际上是用的是就是css的filter的drop-shadow属性 drop-shadow: 1 不支持内阴影 2 不支持多阴影 3 兼容性 ie13+ 谷歌火狐 android4.4+ ios 4 实现的是正真意义上的投影。对于非透明的部分都会有投影，表现形式与box-shdow不一样，透明的部阅读全文

posted @ 2016-12-06 17:41 半夏微澜ぺ阅读(31935) 评论(0) 推荐(0)

css3 appearance 改变元素外观

摘要： h5 input标签的默认样式去除：去掉date类型<input>框的叉叉： ::-webkit-clear-button { -webkit-appearance: none; } 去掉number类型<input>框的上下箭头： ::-webkit-inner-spin-button { -w 阅读全文

posted @ 2016-12-06 15:06 半夏微澜ぺ阅读(250) 评论(0) 推荐(0)

让ie支持css3的一些htc文件

摘要： 1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js)这个玩意估计是试图让IE支持CSS3属性的鼻祖，还算蛮强大，就是性能开销较大，要解析很多文件脚本，给DOM添加大量的元素以及ClassName。 2. Aaron Gustafson的 eCSStender此方法支持阅读全文

posted @ 2016-12-06 14:35 半夏微澜ぺ阅读(658) 评论(0) 推荐(0)

ie7 ie8 使用border模拟圆

摘要： border-radius 属性ie8+才支持，ie7 ie8 下的圆角就可以使用border进行模拟；（移动端都支持）我们平常使用border-style一般都是solid实线，其他常用的还有dashed以及dotted，我们这里的主角就是dotted点，在IE浏览器下，dotted点是被渲染成阅读全文

posted @ 2016-12-06 11:46 半夏微澜ぺ阅读(936) 评论(0) 推荐(0)

2016年12月5日

label标签的可访问性

摘要：与表单元素关联的方法（IE6下label标签包裹控件的方法是不顶用的）： 1 使用for和id关联控件 <p><label for="test">标签</label> <input name="input" type="text" id="test" /></p>（一个控件可以支持多个label）阅读全文

posted @ 2016-12-05 18:32 半夏微澜ぺ阅读(175) 评论(0) 推荐(0)