文档章节

PC常见CSS效果锦集 - 01

J
 Jia。
发布于 2016/12/11 22:04
字数 306
阅读 4
收藏 1

各个主流浏览器内核

  • IE: Trident
  • Safari: webkit 内核
  • Opera: 以前是presto 内核,现在改用Google Chrome 的Blink内核
  • Chrome: Blink(基于webkit,Google与Opera Software 共同开发)
  • 360: 双内核(极速模式:webkit,兼容模式:Trident;)
  • Firefox: Geoko

常见的css效果

文本多行溢出

  • css 代码实现
            display: -webkit-box !important;
            overflow: hidden;

            text-overflow: ellipsis;
            word-break: break-all;

            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
  • 经过测试,在Google、Opera、360极速模式下正常显示,IE、Firefox、360兼容模式下没有效果,还需要使用height来限制内容高度

文本单行溢出

  • css 代码实现

            overflow: hidden;

            white-space: nowrap;

            text-overflow: ellipsis;
  • Google、Opera、360、IE、Firefox都正常显示

背景透明

  • raba(90,183,232,.6)
    经过测试,Google、Firefox、Opera、360极速模式都可以正常显示透明度,IE8和360兼容模式(IE8)不能够正常显示透明度

  • opacity= 0.6
    经过测试,oogle、Firefox、Opera、360极速模式都可以正常显示透明度,IE8和360兼容模式(IE8)不能够正常显示透明度

  • 解决IE8下背景透明问题

filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#cc12485d',endColorstr='#cc12485')

以颜色值 #FF99CC00 为例,其中,FF是透明度,99是红色值, CC是绿色值, 00是蓝色值。

© 著作权归作者所有

共有 人打赏支持
J
粉丝 0
博文 4
码字总数 1627
作品 0
深圳
前端工程师
史上最全的前端资源大汇总

1.前言 最近有很多朋友问我有没有相关的书籍推荐,希望能够自学一下前端。 正好最近在查阅文章的时候,发现有朋友已经进行过总结。 经过沟通和“行贿”��,终于取得转载权利,在此感谢晚晴...

mr_lp
2017/01/13
0
0
UI设计师/前端开发工程师 招聘

职位描述 1、负责PC端、负责Html5网站及移动端Web App开发; 2、Html5网站系统的性能稳定和优化升级; 3、为产品后期运营提供升级、维护等技术支持。 4.与后台开发工程师协作,完成各种数据交...

mahb520
2016/08/01
61
1
Bootstrap 响应式项目分享一

网页链接地址:http://chem960.vicp.cc:9128 该页面中主要用到的有 1. 全局 CSS 样式 -- 栅格系统 2. 全局 CSS 样式 -- 按钮 3. 全局 CSS 样式 -- 辅助类 4. 组件 -- 按钮式下拉菜单 5. 组件...

Neuro_annie
2017/12/27
0
0
12款非常精致的免费 HTML5 & CSS3 网站模板

01. Joefrey Mahusay 很炫的单页网站模板,基于 HTML5 & CSS3 制作,适合用于设计师个人简历、摄影师和平面设计师的个人作品展示。 演示 下载 02. Folder Folder是一款响应式 HTML5 网站模板...

未来十年
2013/08/12
0
0
快切响应式 css 框架发布 v1.4 版本

快切开源响应式css框架发布v1.4版本,新增了计数器counter组件!更改了网站主色调为#698绿色,新增css3图片移上去放大类img-scale,修正了导航naver的响应式bug及增加了css3动画效果,增加了...

qietuwang
2015/07/12
2.5K
10

没有更多内容

加载失败,请刷新页面

加载更多

下一页

angular指令监听ng-repeat渲染完成后执行自定义事件方法

今天工作中遇到需要用到ng-repeat遍历渲染完后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己创建自定义指令。 在ng-repeat模板实例内部会暴露出一些特殊属...

孟飞阳
42分钟前
1
0
URLEncoder和URLDecoder

public static void main(String[] args) { String str1 = "https://test1-life.pingan.com/ilifecore/productMall/loading.html?productId=8000000241&channelCode=XCX00001&productCode=00......

鬼才王
51分钟前
2
0
对象及变量的并发访问-第一篇

方法内部的变量为线程安全变量 “非线程安全”问题存在于“共享变量”中,如果是方法内部的私有变量,则不存在“非线程安全”问题,所得结果也就是“线程安全”的。 package chaprer3;/**...

简心
52分钟前
1
0
程序媛眼中的程序猿原来是这样子的!

一直都想写一篇关于描述程序员的文章,但是一直没能开头,一来因为文笔不好,更主要的原因是貌似对程序员既熟悉又不熟悉,很怕写出来的是以偏概全,给大家造成对程序员的既定印象,不过,管他...

Java小铺
今天
1
0
bean标签

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。 bean标签 bean标签中的init-method属性,该属性...

凯哥学堂
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部