CSS 有哪些暖心却鲜为人知的属性

html-css026

CSS 有哪些暖心却鲜为人知的属性,第1张

css3

user-modify

css版的contenteditable使用方法:user-modify: read-only

user-modify: read-write

user-modify: write-only

user-modify: read-write-plaintext-only

其中read-only为默认值,write-only是来搞笑的,read-write和contenteditable="true"效果一致,read-write-plaintext-only和contenteditable="plaintext-only"效果一致(没错这属性还有这个值但是还是草案中)。至于兼容性么,就跟这玩意儿为人所知的程度一样,贫乏得可怜,目前IE浏览器不明,FF只支持前三个属性,Chrome高版本可以全部支持,但是全都要加上私有前缀。适用场景的话,大概就是contenteditable的css版,想要做高度自适应的文本编辑框,又不想在粘贴复制的时候把html给复制进去。生产环境还是老老实实用js来搞吧。

pointer-event

最常用的属性:pointer-event: none

这个属性的作用就是把元素变成“幻影”(逼格很高有没有),看得见却摸不着。这属性曾经火过一阵,起因是国外某推主说在页面滚动时给body加上这个属性能够禁用hover从而有效提高FPS,还给出了相关测试数据。但是在各位网友的质疑和测试下发现实际效果不如数据展示的那么美好,一是各家浏览器都有针对滚动时指针hover的优化,二是这个属性会导致页面无法响应触屏,后来就不了了之了。现在还在使用的场景大概只剩下通过pointer-event:none加上去除href属性来360度无死角的禁用a标签这一项了吧。

为CSS编辑方法+网络实用动画 透明flash代码 关于网叶中插入透明flash大家一定很感兴趣,这里我给大家介绍网叶中插入透明flash的方法,这种是我现在使用的,代码如下: 大家可以直接粘贴在“模板”的“源码”中,其中 width代表宽度, height代表高度,left:和top分别代表与ie左边界与右边界的距离,这里可以介绍一下关于flash和 ie的相对距离,左.右.中分别是left.right.和center 好了现在大家可以在自己的站里加入透明flash了,还有关于透明flash的连接,拿来给大家共享~~亲亲!~ 也谢谢辛苦将这些flash制作出来的大侠们!!~致敬!!~*^_^*~ 透明水珠 http://lain1978.com/collection/flash/008.swf 黄色花瓣 http://lain1978.com/collection/flash/007.swf 心 http://lain1978.com/collection/flash/006.swf 蓝色雪花 http://lain1978.com/collection/flash/005.swf 移动的箭头 http://lain1978.com/collection/flash/arrow1.swf 太阳光晕 http://lain1978.com/collection/flash/e-sunshine.swf 冰淇淋 http://lain1978.com/collection/flash/e-icecream.swf 海底世界 http://lain1978.com/collection/flash/e-summertube.swf Matrix http://lain1978.com/collection/flash/e-matrix.swf 春雨绵绵(推荐) http://lain1978.com/collection/flash/e-spring2.swf 彩色金鱼 http://lain1978.com/collection/flash/fish.swf 蝴蝶飞飞 http://lain1978.com/collection/flash/fly.swf 雪花飘飘 http://lain1978.com/collection/flash/snow.swf 雨(推荐) http://lain1978.com/collection/flash/rain.swf 移动的横线 http://lain1978.com/collection/flash/hengline1.swf 礼花绽放 http://bbs.flasher123.com/UploadFile/2004-5/20045915485951073.swf 若有若无 http://bbs.flasher123.com/UploadFile/2004-5/20045915493864839.swf 飞翔小球 http://bbs.flasher123.com/UploadFile/2004-5/20045912375165288.swf 五彩星星 http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf 彩色螺旋 http://bbs.flasher123.com/UploadFile/2004-4/200442814445969367.swf 变幻刺球 http://bbs.flasher123.com/UploadFile/2004-4/200442814451333557.swf 窗外树枝 http://kisetu.chu.jp/flash/sinryoku/sinryoku01.swf 绿枝白云 http://kisetu.chu.jp/flash/si 查看原帖>>