CSS中为啥我设置了背景为半透明,连字体都透明了

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS中为啥我设置了背景为半透明,连字体都透明了相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body
background: #41070F

.header
width:500px;
height:800px;
background:#333333;
filter:alpha(opacity=50);
border:1px #FFFFFF solid;

p
font-size:15px;
color:#FFFFFF;

-->
</style>
</head>
<body >
<div class="header">
<p> sadadadasdasdasdadasdadadasdasdasd</p>
</div>
</body>
</html> 这是代码,怎么让那个字体不要变透明啊?我只是设置背景为透明啊。知道的帮忙下。

你用的CSS滤镜,他会把标签内的所有元素都半透明。因为CSS滤镜是IE独有的,所以火狐不支持。你可以这样写
.header filter:alpha(opacity=50);opacity:0.5;

至于怎么样让.header标签内的元素不透明,我想还是写一个跟.header平级的标签,再用绝对定位作吧!
参考技术A .header你这个样式作用的范围是<div><p></p></div>直接影响到里面的p标签的内容你可以设置.header pfilter:alpha(opacity=100);试试<br _extended="true"> 参考技术B 将“.header pfilter:alpha(opacity=100);} ”改为“ .header pposition:relative;”即可

iPhone 子视图可以透明吗?

【中文标题】iPhone 子视图可以透明吗?【英文标题】:iPhone Can subview be transparent? 【发布时间】:2012-03-12 15:33:51 【问题描述】:

我有主视图,并在其中添加了子视图。我将子视图的背景设置为半透明,但子视图以纯色绘制。我什至尝试将 opaque 设置为 NO。

detailsView.opaque = NO;
detailsView.backgroundColor = UIColorMakeRGBA(0, 0, 100, 100);

我可以通过 alpha 属性使 vsu​​bview 透明(但子视图上的所有东西也都是透明的),但我真的只想将背景颜色设置为半透明。

【问题讨论】:

UIColorMakeRGBA 是你定义的函数吗?如果是,您可以发布它的代码或确认它看起来像我的答案中的代码吗? 是的,它是用户定义的函数,你不是我的……问题是我认为 alpha 也被 255 分割。 【参考方案1】:

alpha 设置为colorWithRed:green:blue:alpha method 中的所需值

detailsView.backgroundColor = [UIColor colorWithRed:0/255.0f 
                                              green:30/255.0f 
                                               blue:160/255.0f 
                                              alpha:0.5f];

【讨论】:

【参考方案2】:

我不知道 UIColorMakeRGBA 函数,但在我看来,您正在创建 alpha 为 1 的完全蓝色,因此它不应该是透明的。尝试将背景颜色线设置为

detailsView.backgroundColor = UIColorMakeRGBA(0, 0, 100, 50);

或者只使用[[UIColor blueColor] colorWithAlphaComponent:0.5f];

【讨论】:

【参考方案3】:

我假设UIColorMakeRGBA 是您已经实现的功能。在这种情况下,我敢肯定,它看起来像这样:

#define UIColorMakeRGBA(redValue, greenValue, blueValue, alphaValue) [UIColor colorWithRed:(redValue)/255.0f green:(greenValue)/255.0f blue:(blueValue)/255.0f alpha:(alphaValue)]

请注意,alpha 不会除以255.0,因此您应该为该参数使用介于0.01.0 之间的值,而不是100。如果你使用 100,你最终会得到一个 alpha 等于1.0 的颜色。

detailsView.backgroundColor = UIColorMakeRGBA(0, 0, 100, 0.5f);

【讨论】:

以上是关于CSS中为啥我设置了背景为半透明,连字体都透明了的主要内容,如果未能解决你的问题,请参考以下文章

CSS怎么设置让背景颜色透明,而文字不透明

c#winform怎么把控件背景设为半透明,像这样

css在灰色透明的背景下,如何才能使上面的字的颜色为白色?

网页制作中,我使用滤镜,把背景颜色黑色半透明了,但它也把我黑色背景上的字体也给半透明了,求高手指...

css中关于字体颜色的设置

在 Swift xCode 中将 UI 导航栏设置为半透明