关于opacity的思考
2024-10-16 08:05:48
今天在封装图片轮播的插件的时候,产生了这个opacity的小小思考。
我这个轮播的思路不是以前baidu输入法官网的设置外层容器overflow为hidden,position为relative用setInterval去定义一个循环时间,然后去按照图片的height改变top的值。
而是利用opacity去切换显示对应的图片。
这边还是先说说这个opacity的兼容性问题
- filter:alpha(opacity=60);
- -moz-opacity:0.6;
- opacity:0.6
我们多知道你在设计轮播的时候还是需要渲染index(右小角或者左小角的角标,至于点击切换还是鼠标移入切换这个,you design),只要满足对应性----每一次轮播切换的时候cur的index对照上就ok.(个人建议在点击或者鼠标移入后给clearTimeout一下重启计算)
1. 如果你查阅过w3c的文档你会知道(仅用于 IE),
filter属性允许我们向文本和图像添加样式效果(ps:注意使用filter属性,请始终指定元素的宽度)
以前有别人写过ie6和ie7设置opacity的时候,此元素必须是“有布局”(意思也就是设置了宽度,严格地化加上position)
2. -moz-opacity:属性是为了兼容Mozilla的早期版本。据说FF0.9就不再要求使用此属性。我的ff 3.6.23就已经直接显示opacity属性了
3. 可能有的人还会想起这个-khtml-opacity属性,我这边没有加,因为据说Safari 1.x需要兼容的时候加上。
简单地介绍了一下opacity.
插件算是搞定,自己遗留了一个问题,很多人在做插件封装的时候是类似于页面只有一个dom母体。所有的东西多是渲染上去呢?还是增加母体的轮廓性或者说血肉,脚本只是去操作控制。。。。。。。
贴一张兼容的图:
最新文章
- 抽象工厂模式(Abstract Factory Pattern)
- 应用HTK搭建语音拨号系统4: 识别器评估
- UML概述(转载)
- 如何调试最新的asp.net mvc源码
- QT、QTE、qtopia区别
- 初步STL集装箱Vector
- ACM 阶乘的0
- 没有理由,就是要上一波C++的东西
- python socket连接服务器获取回显
- python学习day3------列表、元组、字符串操作
- linux scp 命令
- 1.6分布式通讯协议-WebService
- VS Less Compiler插件使用
- remove CMakeCache.txt and rerun cmake.On Debian/Ubuntu, package name is libncurses5-dev, on Redhat and derivates it is ncurses-devel.
- ELK之使用filebeat收集java运行日志
- JavaScript中执行环境和栈
- process credentials(三)
- Android 支付宝接口调用
- MongoDB mongod.exe或mongo.exe双击一闪就关闭
- (转)【多媒体封装格式详解】--- AAC ADTS格式分析
热门文章
- odoo打包下载
- 历史文章分类汇总-Anaconda安装第三方包(whl文件)
- Django配置参数可选总结
- Codeforces 1090J $kmp+hash+$二分
- [BJOI2010]次小生成树
- Windows 安装 Jenkins 2.6
- 【10.7校内测试】【队列滑窗】【2-sat】【贪心+栈二分+线段树(noip模拟好题)】【生日祭!】
- OpenGL ES 3.0 帧缓冲区对象基础知识
- Codeforces Round #353 (Div. 2) B. Restoring Painting 水题
- PHP通过AJAX及Access-Control-Allow-Origin实现跨域访问