程序设计 opacity

30

仅使用CSS，是否可以使background元素的元素半透明，但元素的内容（文本和图像）不透明？我想在没有文本和背景作为两个独立元素的情况下完成此操作。尝试时： p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } <p> <span>Hello world</span> </p> 运行代码段隐藏结果展开摘要子元素似乎受到其父对象的不透明性的影响，opacity:1相对于opacity:0.6父元素而言。

2283 html css opacity

3

使用CSS对页面加载产生淡入效果

CSS过渡可以用于允许文本段落在页面加载时淡入吗？我真的很喜欢它在http://dotmailapp.com/上的外观，并希望通过CSS使用类似的效果。此域已购买，不再具有上述作用。可以在Wayback Machine上查看已归档的副本。插图具有此标记： <div id="test"> <p>This is a test</p> </div> 使用以下CSS规则： #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align: center; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } 如何在负载上触发转换？

442 css css-transitions opacity

9

可以在CSS中设置边框不透明度吗？

是否有一种简单的CSS方法可以使像这样的元素的边界半透明？ border-opacity: 0.7; 如果没有，是否有人知道我不使用图像怎么办？

409 css opacity

10

如何使用CSS 3制作闪烁的文本

目前，我有以下代码： @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 它闪烁，但仅在“一个方向”闪烁。我的意思是，它只会淡出，然后以出现opacity: 1.0，然后再次淡出，再次出现，依此类推... 我希望它逐渐消失，然后从此渐隐“提升”到opacity: 1.0。那可能吗？

287 html css css-animations opacity

14

设置背景图片的不透明度而不影响子元素

是否可以设置背景图像的不透明度而不影响子元素的不透明度？例页脚中的所有链接都需要自定义项目符号（背景图片），并且自定义项目符号的不透明度应为50％。的HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div> 的CSS #footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; } 我尝试过的我尝试将列表项的不透明度设置为50％，但是链接文本的不透明度也为50％-似乎没有一种方法可以重置子元素的不透明度： #footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; /* will also set …

214 css opacity

12

如何在Android中为视图设置不透明度（Alpha）

我有一个按钮，如下所示： <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> 在我的onCreate()事件中，我这样呼叫Button01： setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); 应用程序中有背景，我想在此提交按钮上设置不透明度。如何为该视图设置不透明度？我可以在Java端设置它，还是可以在main.xml文件中设置它？在Java方面，我尝试了Button01.mutate().SetAlpha(100)，但它给了我一个错误。

211 android button view opacity

8

在绘制画布元素后，如何更改元素的不透明度（alpha，透明度）？

使用HTML5 <canvas>元素，我想加载图像文件（PNG，JPEG等），将其完全透明地绘制到画布上，然后使其淡入。我想出了如何加载图像并将其绘制到画布上。画布，但是绘制后我不知道如何更改其不透明度。这是我到目前为止的代码： var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img = new Image(); img.onload = function() { c.drawImage(img, 0, 0); } img.src = 'image.jpg'; } 有人可以将正确的方向指向我，例如要设置的属性或要调用的会改变不透明度的函数吗？

196 html canvas transparency opacity alpha

2

修改LESS变量的Alpha不透明度

使用LESS，我知道可以更改颜色变量的饱和度或色调。看起来像这样： background: lighten(@blue, 20%); 不过，我想更改颜色的Alpha不透明度。最好像这样： background: alpha(@blue, 20%); 在LESS中有简单的方法可以做到这一点吗？

171 css variables less opacity alpha

10

不透明度CSS在IE8中不起作用

我正在使用CSS来表示jQuery向下滑动部分的触发文本：即，当您将鼠标悬停在触发文本上时，光标将变为指针，并且触发文本的不透明度降低，以指示该文本具有单击动作。这在Firefox和Chrome中可以正常工作，但是在IE8中，不透明度不会改变。我尝试了各种CSS设置，但均未成功。例如 HTML： <h3 class="slidedownTrigger">This is the trigger text</h3> CSS： .slidedownTrigger { cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; } 是什么阻止IE更改不透明度？注意：我已经在各种不同的元素上进行了尝试，围绕CSS语句的顺序进行交换，并且仅使用IE本身。我也尝试过使用 -ms-filter: "alpha(opacity=75)"; 但没有成功。我已经用尽所有尝试在IE8中进行不透明度修改的功能。有任何想法吗？

143 css internet-explorer-8 opacity

8

在不影响IE 8中包含元素的情况下，div背景的不透明度？

我想设置div背景的不透明度，而不影响IE 8中包含的元素。有任何解决方案，并且不回答设置1 X 1 .png图像并设置该图像的不透明度，因为我使用的是动态不透明度，并且颜色管理可以更改那我曾经用过，但在IE 8中无法使用 #alpha { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } 和 rgba(0,0,0,0.3) 也。

112 css internet-explorer-8 opacity

8

如何更改HTML / CSS中的文本透明度？

我是HTML / CSS的新手，我想将某些文本显示为50％透明。到目前为止，我已经有了HTML来显示完全不透明的文本 <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> 但是，我不确定如何更改其不透明度。我尝试过在线查找，但是我不确定该如何处理找到的代码。

112 html css opacity

8

如何使用CSS使背景变暗？

我有一个带有文本的元素。每当我降低不透明度时，我就会降低整个身体的不透明度。有什么办法可以使我变得background-image更黑，而不是其他所有？ background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

100 html css opacity

14

图像在悬停时移动-铬不透明问题

我的页面似乎在这里有问题：http : //www.lonewulf.eu 将鼠标悬停在缩略图上时，图像向右移动一点，仅在Chrome上发生。我的CSS： .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

92 css image google-chrome hover opacity

8

透明的CSS背景颜色

我想通过使用不透明度使列表菜单的背景消失，而不影响字体。CSS3可能吗？

88 html css opacity

5

使文本背景透明但不使文本本身透明

所以我有一个问题。我环顾四周，环顾四周，但没有运气。我想使我的身体背景透明，但使文本不透明。现在，我保持相同的不透明度。这是我的代码： @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; opacity:1; …

86 html css text opacity

Questions tagged «opacity»