父视图透明而内容不透明

错误的做法

self.view.backgroundColor = [UIColor clearColor];
self.view.alpha = 0.5;

这样写虽然可以达到透明的效果,往往也会造成添加改self.view视图上面的所有子视图的会产生透明,然而这往往是我们不需要的。
正确的做法

self.view.backgroundColor = [[UIColor whiteColor]colorWithAlphaComponent:0.7f];

我们只设置了背景是透明的,没有全局的设置view的透明属性,就能使得添加到view的所有子试图保持原来的属性,不会变成透明的

文/XaviarH(简书作者)
原文链接:http://www.jianshu.com/p/768641b847c1
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

时间: 2024-10-04 16:57:31

父视图透明而内容不透明的相关文章

背景色透明,内容不透明,适用所有浏览器(转)

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta http-equiv=&quo

通过IE私有滤镜让IE6 7 8支持背景透明,内容不透明效果。

CSS3已经支持背景rgba的rgba透明度,这一方法可以避免元素内容也随背景一起变透明(详情请阅http://www.cssha.com/css3-new-knowledge-student).但是这一属性在低于IE9的版本中却不被支持,我们可以通过IE私有滤镜来实现背景透明效果.rgba参数格式:(red,green.,blue,alpha),alpha值0-1.ie滤镜参数#3363370b,前两位为16进制透明度,比如说值是上面用到的0.2,那么就是0.2×255=51,再转换成16进制

pc端背景透明,内容不透明

1. <div class="demo"> <span>背景透明,文字不透明</span> </div> 2. *{ padding: 0; margin: 0;} body{ padding: 50px; background: url(img/bg.png) 0 0 repeat;} .demo{ padding: 25px; background-color: rgba(0,0,0,0.5);/* IE9.标准浏览器.IE6和部分I

半透明父视图,小程序不透明

self.backgroundColor = [UIColor colorWithWhite:0 alpha:0.5]; 版权声明:本文博客原创文章,博客,未经同意,不得转载.

兼容IE、Firefox的背景半透明内容不透明设置

首先要说明的是背景是内容的祖先元素.如果是兄弟节点那就没有必要记录这篇文章了. 记录一下,知其然也知其所以然. IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)". 2.如果背景元素拥有css属性设置了z-index的值(除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元素的内容元素本身或其祖先节点(这些祖先节点是背景元素的后代节点)没有设置css定位属性position:rel

div背景透明内容不透明与0.5PX边框兼容设置

1.问题:设置 border-width:0.5px;  并兼容安卓和苹果移动端.  兼容:苹果IOS的 safari 支持浮点数边框,安卓浏览器不支持,会四舍五入到1px.不同浏览器效果额不同  解决方案:设置2层嵌套的div,最外层的用来定位,保障我们设置的内容不会脱离原先的文档流.   里层设置两个div,一个用来书写内容,一个用来专门设置边框 HTML代码 : <!-- position_box用来定位,控制该区域在原文档流中的位置 --> <div class="po

鼠标悬停显示透明文字内容

我总结了一个css规律,凡是变化的css特效,总是在不同状态之间转换,只要规定好不同状态下的样式就好了 <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>鼠标悬停显示透明文字内容</title> <style> .xuanting{ width:220px; margin:0 auto; height:240px; backgr

iOS 视图与视图层次结构(内容根据iOS编程)

视图基础 视图是 UIView 对象,或者其子对象. 视图知道如何绘制自己. 视图可以处理事件,例如触摸(touch). 视图会按照层次结构排列,位于视图层次结构顶端的是应用窗口. 视图层次结构 任何应用有且只有一个  UIWindow 对象. UIWindow 对象就像是一个容器,负责包含应用中的所有的视图.应用需要在启动时创建并设置 UIWindow 对象,然后为其添加其他视图. 加入窗口的视图会成为该窗口的子视图.窗口的子视图还可以有自己的子视图,从而构成一个以 UIWindow 对象为根

[转]UIView的属性,父视图和子视图的层级操作,子视图的自适应模式,外加一个定时器

1)UIView视图frame的设置,四个参数,前2个确定位置,后2个确定大小. (2)UIView的内容模式contentMode,和在UIImage中说的是一样的,而且在UIImage中展示更容易理解. (3)UIView最重要的就是父视图和子视图之间的关系,以及父视图操作子视图(增加一个子视图,把一个子视图放到最下面最上面.交换两个子视图的加载顺序等等) (4)还有一个重要的是,父视图如果发生变化,子视图怎么自动调整布局:先让父视图允许子视图干这个事,即把父视图的属性autoresizes