例子：何问起效果查看效果：://hovertree.com/hvtart/bjae/q3etb2qv.htm设置 div 元素的不透明级别：div{opacity:0.5;}opacity 属性设置元素的不透明级别。默认值： 1继承性： no版本： CSS3JavaScript 语法： ob...
转载
2015-12-04 22:50:00
181阅读
2评论
兼容IE,Firefox,CSS3 opacity透明度
div.transp { /* make the div translucent */ opacity: 0.6;
转载
精选
2012-02-13 11:57:54
568阅读
以前的兼容.transparent_class {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */
filter:alpha(opaci
原创
2015-06-05 17:37:58
708阅读
点赞
骨灰级清除浮动.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
*zoom:1; //兼容ie
}内联元素相连之间存在间隙问题原因:内联元素是当做字体来处理的，字体之间是有间
转载
2024-03-03 20:22:53
59阅读
什么是opacity？opacity 属性设置元素的不透明级别。 怎么使用？<!DOCTYPE
原创
2022-05-30 11:55:51
429阅读
/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.a-fadein,.a-fadeinT,.a-fade
原创
2017-08-31 20:39:55
90阅读
有时我们会看到网站上的一些图片是渐变色的，这些图片有的是ui设计出来的，有的则是直接通过css3制作出来的。下面就讲一下css3实现渐变色的方法，以及在各个浏览器上的兼容性。 CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CS
转载
2023-07-26 20:13:25
84阅读
很久不写博文，之前的长时间不上都关闭了，但随着工作时间长越来越长，对知识的积累和总结还真的是很重要的。所以奉劝码农们每天都还是要抽出来一点时间总结点东西，以后对你受益匪浅！！今天还是变谈CSS3里的flex怎么处理兼容的flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了，虽然现在低版本浏览器不支持，可是对于移动来说兼容性不是问题，可是在安
原创
2016-06-27 23:00:56
2891阅读
# CSS3 Transform 在 iOS 中的兼容性问题分析
随着网页设计的发展，CSS3 提供了丰富的视觉效果和动画功能，其中包括 `transform` 属性。`transform` 允许我们对元素进行旋转、缩放、平移和倾斜等操作，这为网页设计师带来了无穷的创意空间。然而，在不同的设备和浏览器中对 CSS3 的支持程度各不相同，特别是在 iOS 设备上的兼容性问题，可能会影响最终用户的体
原创
2024-09-18 05:46:30
334阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
# CSS3 动画不兼容 iOS 设备的分析与解决方案
在现代 web 开发中，CSS3 动画已成为增强用户体验的重要工具。然而，开发者在使用 CSS3 动画时，尤其是在 iOS 设备上，常常会遭遇一些不兼容的问题。本文将探讨 CSS3 动画在 iOS 中的不兼容现象，并提供解决方案，帮助开发者更好地实现其动画效果。
## CSS3 动画的基础
CSS3 动画通过 `@keyframes`
原创
2024-09-10 05:25:57
350阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
目录一、为什么会出现css的兼容性问题二、如何解决css的兼容性问题1、双倍浮动BUG2、表单元素行高不一致3、IE6（默认16px为最小）不识别较小高度的标签（一般为10px）4、图片添加超链接时，在IE浏览器中会有蓝色的边框5、最小高度min-height不兼容IE66、图片默认有间隙7、按钮默认大小不一8、百分比BUG9、鼠标指针BUG10、透明度设置，IE不识别opacity属性11、上下
转载
2023-12-07 12:41:19
98阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
开篇笔者刚刚结束淘宝的工作，现在加入了一家有青春活力的垂直电商公司，正对着阿里巴巴的西溪园区，最近一直在熟悉新的工作环境和规范，因此博客有好些时间没有更新了，在此抱歉！
在忙碌完公司的发布系统之后，逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position：sticky属性的兼容。问题目前前端的h5有个需求，就是“当页面上的若干个标题被拖动到视口的顶部时，则显示一个被定位到视口的顶部
转载
2023-07-21 16:36:03
343阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
一、关键帧动画 animation 属性 两个关键词 ：调用动画 animation。定义关键帧(动画) @keyframes 1.定义关键帧 兼容性前缀 @-webkit-keyframes,谷歌 @-moz-keyframes,火狐 @-ms-keyframes IE, @-o-keyframes; 欧朋 @keyframes; W3C 语法： @-webkit-keyfr
转载
2024-05-29 19:37:55
93阅读
CSS3 opacity 属性 设置 div 元素的不透明级别： div{opacity:0.5;}
原创
2022-08-22 19:30:58
186阅读
