文章关键字 ‘Safari’

小tips: touch-action简介与treated as passive错误解决

2018年07月5日,星期四

Chrome以及Safari等浏览器下,有时候event.preventDefault()回报”Unable to preventDefault inside passive event listener due to target being treated as passive”的错误,有没有什么办法解决呢?本文就将提供几个解决之道,顺便介绍一些你可能不知道的CSS属性或者JS事件参数。

阅读全文…

小tips: 0学习成本实现HTML元素粘滞融合效果

2017年12月21日,星期四

元素粘滞融合效果很酷,看上去很难实现,实际上实现却非常容易,几乎0学习成本,一起来看看究竟吧!

阅读全文…

Safari 3D transform变换z-index层级渲染异常的研究

2016年08月7日,星期日

Safari被戏称为新时代的IE6,就是因为其有各种各种奇怪的渲染问题,或明显的渲染bug, 而这些bug都是IE浏览器不会犯的,着实让人头疼。

而本文这里要展示的3D变换影响层级渲染也是Safari浏览器专有的问题,不妨进来看看,说不定下次遇到类似问题就知道是怎么回事,该怎么解决了~~

阅读全文…

小tip:CSS3下的渐变文字效果实现

2011年04月20日,星期三

本文内容不多,就是介绍了两种实现文字渐变的效果,都需要依赖一些CSS3的属性。同样的,每个方法提供相应的demo页面,提供相应的效果截图以及必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译 – CSS高峰会议内容精选

2010年09月26日,星期日

昨天的CSS峰会上一些优秀的人才就CSS一些尖端的问题发表了他们的看法。有大量的非常有用的信息,总共有8部分的内容,有Denise Jacobs – CSS高级故障排除;Chris Eppstein – 使用Sass和Compass创作样式;Jason Cranford Teague – 2010网页字体年;Zoe Gillenwater – CSS3下的有效&有效率的设计;Estelle Weyl – CSS3 & iPhone;Stephanie Rewis – CSS3 & 渐进增强;David McFarland – CSS3 Animations;Nicole Sullivan – CSS肿胀!
虽都不是什么惊世之作,但是,对于帮助我们开阔视野,增加一个技术知识还是很有帮助的。能力有限,难免会有翻译不准确,或是表述不恰当的地方,欢迎指正。

阅读全文…

需警惕CSS3属性的书写顺序

2010年09月21日,星期二

警惕CSS3属性的书写顺序
本文主要的是如果不注意CSS3属性的书写顺序,可能就会给自己带来麻烦。本文通过简单的示例,简单的实例验证来说明这个问题。没有多少理论,没有多少饶舌,有的的简单的截图与代码展示,对了,还有必不可少的demo页面。希望能对您CSS3的使用提供一些帮助。

阅读全文…

翻译-你必须知道的28个HTML5特征、窍门和技术

2010年08月27日,星期五

前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。
本文为翻译内容,介绍了28个HTML5相关的技术,知识点等。内容较多,不少内容,我都重新制作了demo页面,并配以截图,希望能对您的学习有所帮助。

阅读全文…

CSS3 text-fill-color简介及应用展示

2010年06月26日,星期六

本文内容并不多,主要就是简单介绍下CSS3的text-fill-color属性,并举例展示其应用。展示,如果利用CSS3的text-fill-color属性实现效果精湛的文字遮罩渐变动画效果。提供必要的截图,代码展示,以及视频动画消失。希望能对您的学习有所帮助。

阅读全文…

CSS实现兼容性的渐变背景(gradient)效果

2010年04月9日,星期五

经过之前对Firefox浏览器渐变背景实现的详细介绍,以及webkit核心浏览器下渐变背景实现的详细介绍,这里可以很游刃有余的介绍如何实现兼容性的渐变背景效果了。本文由一部分内容是介绍如何使用滤镜实现IE下的渐变背景效果,配合CSS3的gradient渐变属性,实现兼容性的渐变背景效果(Opera浏览器除外)。本文提供详细的代码展示,效果截图以及demo页面,希望能对您的学习有所帮助。

阅读全文…

CSS content内容生成技术以及应用

2010年04月9日,星期五

本文讲解CSS content属性,这一属性您可能用的不多,关注的也不多,其根本原因就是IE6/IE7的不支持,但是,IE6/IE7的淘汰只是时间问题。实际上,CSS content属性是个非常强大的属性,其应用范围可能要比您之前认为的要广泛的多。本文就将针对这一属性从基本开始详细阐述,并列举一系列有代表性的应用,提供详尽的代码示例,效果截图以及demo页面,希望您对您的学习有所帮助。

阅读全文…