标签: opacity
C# Windows 窗体半不透明
我已经阅读了许多有关 C# 中 Windows 窗体的不透明度/透明度的主题，但这不是我想要获得的效果。我希望Form是100%透明，但是透明度是Panel可调的，并且透明效果转移到了表单后面的元素（Windows桌面、网络浏览器等）。所附照片显示了我想要获得的效果（我在图形程序中制作了它们）。我将感谢您的帮助。
推荐指数
解决办法
查看次数
Tailwind CSS 不透明度
在我的应用程序中，我有一个模型。我在模型上使用不透明度。我现在遇到的问题是模型的主体不应该具有不透明度，我该如何解决这个问题？只有模型外部才应该具有不透明度！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="flex flex-col bg-red min-h-screen">
<div class="fixed w-full h-full bg-blue opacity-50 flex items-center justify-center flex-col">
<div class="bg-black p-16">
<p class="text-white">Model body</p>
</div>
</div>
</div>
</body>
</html>推荐指数
解决办法
查看次数
如果 css var 大于某个值，则隐藏 html 元素
如果 css var 大于零，我想隐藏一个元素。我可以让相反的情况起作用：
#container {
display: flex;
width: 100%;
height: 30px;
border: 1px soild black;
}
.item {
opacity: max(calc( var(--ind)*1), 0);
/* or clamp(var(--ind), 0 , 1);*/
width: 30px;
height: 100%;
}<div id="container">
<div class="item" style="--ind: 0;background-color:red;"></div>
<div class="item" style="--ind: 1;background-color:orange;"></div>
<div class="item" style="--ind: 2;background-color:yellow;"></div>
<div class="item" style="--ind: 3;background-color:green;"></div>
<div class="item" style="--ind: 4;background-color:blue;"></div>
</div>但是，我想让上面的示例仅显示红色方块。任何人都可以看到如何做到这一点（在纯CSS中）？
推荐指数
解决办法
查看次数
使用CSS3制作图像/ div淡入淡出,而不使用悬停
我有一个带有图像的div.目前我使用CSS3动画将其淡化,但性能非常糟糕.
我很确定我应该使用过渡.问题是我找不到一个不是由悬停触发的示例.
我怎样才能使页面加载,延迟2秒后,图像/ div从0%开始淡入？
目前,正如我在动画中所说,我有:
@-webkit-keyframes fadetime {
from {
opacity: 0;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
有任何想法吗？谢谢.
推荐指数
解决办法
查看次数
父div透明背景但不影响子div透明度
<div class="container">
<div class="site_content">
some stuff, images etc
</div>
</div>
.container{
background-color:#333;
}
我想要的是.container div的不透明度为80%,但.site_content的内容为100%
设置css不透明度会影响所有子元素.有办法做到这一点吗？用jQuery？
由于将如何使用,我宁愿避免使用另一个透明div来定位以实现效果的技术.
推荐指数
解决办法
查看次数
typedef可见性
我有一个".c .h"文件.在头文件(.h)中,我定义了2个typedef结构,让我们称它们为TS1和TS2.
现在,TS1的一个成员的类型是TS2.我希望只有TS1可见.应该隐藏TS2.TS2应仅对".c"文件可见.
我怎样才能做到这一点？
推荐指数
解决办法
查看次数
CSS Opacity继承问题
可能重复:
CSS不透明属性
我正在图像上创建一个透明的图层,我在那里遇到了问题.
当我在图层上写下任何文本时,它们也会获得相同的透明度.
我认为这是因为继承问题并且添加了"position:relative"来重置我的子div,但它根本不起作用.
我只想重置子div的不透明度(下面的#TXT).
这是我的代码.
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<style type="text/css">
*{margin: 0; padding:0; background-color: #555;}
#wrapper {
margin:0 auto;
background-color: white;
width: 922px;
height:349px;
margin-top: 150px;
-webkit-box-shadow: 0px 0px 7px 7px #333;
-moz-box-shadow: 0px 0px 7px 7px #333;
}
#ImgSection {
width: 922px;
height: 349px;
background-color: white;
position: absolute;
background: url("brand-new-car.jpg") -50px -200px no-repeat;
}
#TxtSection {
width: 322px;
height: 349px;
background-color: #222;
opacity: .5;
float: right;
-webkit-box-shadow: inset 3px 0px 3px 0px black;
-moz-box-shadow: …推荐指数
解决办法
查看次数
在悬停jQuery上更改不透明度
我一直试图让它成为当你将鼠标悬停在盒子中的任何部分上时,盒子悬停(div)将淡化到不透明度0.7,这样它看起来大部分是黑色但很透明.但我所做的一切都在努力.而且我不想为它分配ID,因为会有更多的盒子.
这是我想要的代码:http://pastebin.com/3ZRcrx57
谢谢
推荐指数
解决办法
查看次数
透明度出现在不透明前景元素上的元素
在对元素和叠加层使用一些透明度的过程中,我们遇到了一个我们无法解决的CSS怪异问题.
http://i.imgur.com/h5Lzvde.png
如屏幕截图所示,有两个img元素应用了0.4不透明度.然后我们在这些上方打开一个叠加层,它们出现在此前面.当不透明度设置为1.0时,它们不再显示在前面.
其他相关的CSS是叠加层的Z-Index为999,并且没有与按钮的祖先连接.
推荐指数
解决办法
查看次数
CSS div opacity仅在外部div上
我有两个div,外部和内部div.我有一个背景图像,外部div有一个不透明度设置,但我似乎无法让内部div不继承外部div的不透明度.我希望内部div是纯色.
我的代码在下面,这里有一个jsfiddle:http://jsfiddle.net/3TK3U/
<style type="text/css">
body
{
background-image:url('http://media-bubble.info/images/layout/background.png');
}
.outsideBox {
width:70%;
height:200px;
background-color: #ffffff;
opacity:0.7;
filter:alpha(opacity=70);
text-align:center;
}
.insideBox {
width:40%;
height:80px;
background-color: #999;
z-index:999999;
}
</style>
<div id="Introduction" class="outsideBox">
<div id="Introduction" class="insideBox">This is the inside box which should not inherit transparancy</div>
</div>
推荐指数
解决办法
查看次数