以前的兼容.transparent_class { 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8  */
    filter:alpha(opaci            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-06-05 17:37:58
                            
                                708阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            兼容IE,Firefox,CSS3 opacity透明度
 
div.transp { /* make the div translucent */     opacity: 0.6;                  
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2012-02-13 11:57:54
                            
                                568阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录一、为什么会出现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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            例子:何问起效果查看效果:://hovertree.com/hvtart/bjae/q3etb2qv.htm设置 div 元素的不透明级别:div{opacity:0.5;}opacity 属性设置元素的不透明级别。默认值:	1继承性:	no版本:	CSS3JavaScript 语法:	ob...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-12-04 22:50:00
                            
                                181阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-05 15:20:11
                            
                                210阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            https://www.w3schools.com/css/css_image_transparency.asp CSS Opacity / Transparency The opacity property specifies the opacity/transparency of an elem            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-11 14:09:15
                            
                                159阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: -khtml-opacity 很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持opacity)所以以前用CSS设定一个元素半透明的话,可能会这样写:Code highlighting produced by Actipro CodeHig            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-04 17:59:15
                            
                                925阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            骨灰级清除浮动.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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                       opacity兼容性以及存在问题处理    opacity兼容性    opacity属性是CSS3的属性,用于设置元素的不透明级别。语法: opacity: value | inherit; ①值value表示规定不透明度,从0.0(完全透明)到1.0(完全不透明)。 ②值inherit表示应该从父元素继承opacity属性的值。    注意: IE以及更早的版本支持替代的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-19 14:48:56
                            
                                137阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在开发中,我们常常会遇到“css opacity属性 ios不生效”这一问题,特别是在进行跨平台应用开发时该属性的表现不同可能对用户体验产生影响。
在移动设备上,CSS的`opacity`属性控制元素的透明度,数值范围在0到1之间。由于iOS的Webkit引擎和其他浏览器在处理这一属性时存在差异,导致某些情况下该属性在iOS设备上无法生效,继而生成的页面呈现出不符合预期的样式。
### 问题            
                
         
            
            
            
            # 如何实现 iOS CSS opacity 动画卡顿
在现代网页开发中,实现动画效果是提升用户体验的重要一环。然而,有时候我们会遇到 iOS 中 CSS opacity 动画卡顿的问题。本文将为你详细介绍整个流程,并提供相应的代码示例和注释。
## 整体流程
以下是实现 iOS CSS opacity 动画的步骤:
| 步骤 | 描述            
                
         
            
            
            
            对css opacity属性的验证对于一个opacity < 1的元素,它具有这样的特性:1.其具有一个独立的层叠上下文2.其内部元素无法脱离这个上下文(始终保持opacity的样式)3.其外部元素无法进入这个上下文(无法具有opacity的样式)源于:http://www.w3.org/html/ig/zh/wiki/Css3-color#.E9.80.8F.E6.98.8E.E5.BA.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-11-20 14:43:54
                            
                                1049阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            说明opacity  用来设置透明度display 定义建立布局时元素生成的显示框类型visibility 用来设置元素是否可见。 opacity、visibility、display 这三个属性分别取值 0、hidden、none 都能使元素在页面上看不见,但是他们在方方面面都还是有区别的。是否占据页面空间举个例子<!doctype html>
<html lang="en"&            
                
         
            
            
            
            css 隐藏元素方法:1.display: none/block;	2.visibility:hidden/visible;	3.opacity: 0/1;...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-14 16:30:17
                            
                                245阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-10 00:04:09
                            
                                107阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            大家知道css opacity属性背景透明是常有的事,发现有时候居然存在浏览器不兼容问题,后经过查找尝试发现如下能使浏览器兼容不再有问题。有兼容问题的不妨一试。<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
&l            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-04-13 16:27:22
                            
                                1059阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            开篇笔者刚刚结束淘宝的工作,现在加入了一家有青春活力的垂直电商公司,正对着阿里巴巴的西溪园区,最近一直在熟悉新的工作环境和规范,因此博客有好些时间没有更新了,在此抱歉!
在忙碌完公司的发布系统之后,逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position:sticky属性的兼容。问题目前前端的h5有个需求,就是“当页面上的若干个标题被拖动到视口的顶部时,则显示一个被定位到视口的顶部            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-21 16:36:03
                            
                                343阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-10 09:43:40
                            
                                58阅读
                            
                                                                             
                 
                
                                
                    