黑马程序员技术交流社区
标题:
分享关于css3的一些小技巧
[打印本页]
作者:
杨凯233
时间:
2016-9-13 11:55
标题:
分享关于css3的一些小技巧
1、IOS点击屏幕闪动问题:
IOS点击按钮的时候,屏幕总会闪动一下,这让页面看起来很不友好也不流畅。
原因如下:
在移动端上,有事件监听的元素被点击的时候会被高亮显示,而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。
2、css3-字符过多省略
{
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
li中内容超过长度后以省略号显示的方法 (此方法适用与IE与OP浏览器)
<style type="text/css">
<!-- li { width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } -->
</style>
多行的:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
3、css3-淡入淡出效果
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
以上都是我自己实际遇到的问题,以及解决方法。
ps:一些问题,可以用js解决,但是用css 会效率高。写法也简单~~
大家可以分享分享~~
作者:
王野123
时间:
2016-9-13 13:14
好东西{:2_30:}{:2_30:}
作者:
杨凯233
时间:
2016-9-20 09:26
王野123 发表于 2016-9-13 13:14
好东西
共勉~~~~~~
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2