透明度兼容性(ie8以上)】的更多相关文章

转载:http://www.cnblogs.com/PeunZhang/p/4089894.html demo代码:文件中,背景透明,文字不透明的研究和使用.zip…
现在做个网页还得考虑ie8,只想说:尼玛! 但是没办法,屈于淫威也得弄. 首先说下rgba的含义吧,rgba,r代表red,g代表green,b代表blue,a代表透明度. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); 上面这句代码就是可以让rgba的透明度在ie8里显示的方式啦. 这是是透明度对应值表格   rgba中的a ie中的透明度值表示…
该练习的笔记如下: 1.  var cur=0;  //先声明一个变量. 2.  parseInt会舍掉小数,而opacity值恰恰是小数,所以对于opacity,必须用parseFloat. cur=parseFloat(getStyle(obj, attr))*100; 3. a.  '+ var +' 字符串中引入变量的格式. b. 透明度兼容性问题,需要2种分别赋值. if(attr=='opacity') { obj.style.filter='alpha(opacity:'+(cur…
JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode    父节点 childNodes    子节点 firstChild    父节点里的第一个子节点 lastChild     父节点里的最后一个子节点 nextSibling    与子节点并列的下一个兄弟节点 previousSibling   与子节点并列的上一个兄弟节点 火狐与谷歌支持而ie8不支持的节点关系有: previous…
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.颜色模式 颜色…
1.文字阴影?(针对文字) text-shadow: 例如 text-shadow: 10px 10px 10px blue;四个值分别是 x y blur color blur表示模糊值,越大越模糊 注:阴影的默认颜色是跟文字的颜色相同:通过逗号的方式进行分割,可以设置多阴影 2.box-shadow:盒子阴影(针对容器) x y blur color inset 多阴影 例如: box-shadow: 10px 10px 10px 30px blue inset; 前面三个属性依次是x y…
1. bootstrap 的 less 版本 2.less 文件分布 /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ // Core variables and mixins // 引入变量和mixin函数 @impo…
所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性.在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用. 1.* * {  margin: 0;  padding: 0; } 对于初学者,在学习更多高级选择器之前,最先了解的选择器. 星号选择器将匹配页面里的每一个元素.很多开发者使用这个技巧将外边距和内边距重置为零.虽然在快速测试时这确实很好用,但我建议你永远不要再生产代码中使用它.它给浏览器带来大量不必要…
box-sizing属性可以为三个值之一:content-box(默认),border-box,padding-box,inherit(继承父级box-sizing 属性的值.) content-box,border和padding不计算入width之内 padding-box,padding计算入width内 border-box,border和padding计算入width之内 兼容性 IE8+以上才兼容 使用时: -webkit-box-sizing: 100px; // for ios-…
什么是css计数器 体验更佳排版请戳原文链接:http://blog.liuxianan.com/css-counters.html 就是采用css给一些html元素自动生成编号,比如类似1.3.2这种,先看个效果: 对,就是这种类似Word里面很常见的效果,代码如下: <style type="text/css"> #demo1 ol { counter-reset: section; list-style-type: none; } #demo1 ol li { cou…