标签: opacity

jQuery:如果我的css可见性:隐藏,我怎么能出现我的元素？

在我的CSS中,我设置了一些可见的元素:隐藏,我怎样才能显示它们？

我以前用不透明度做过,但我在IE中有一些错误:

var i = 0;
$mySelection.each(function(i) {
    $(this).delay((i * 100) + ($mySelection.length)).animate(
        { opacity: "1"},
        {queue:true, duration:1000, easing:"quartEaseIn"}
    ); 
})

Run Code Online (Sandbox Code Playgroud)

如果我想用jQuery而不是不透明度来控制可见性,我该怎么办？谢谢

jquery visibility opacity

dav*_*ino

2010 12-08

11
推荐指数

2
解决办法

4万
查看次数

是否有任何方法可以将不透明度应用于ie8中绝对定位的子元素

在大多数浏览器中,当html元素仅部分不透明时,其子元素"继承"此不透明度.(这是不太继承 - 更准确,图像整体组装,其中包括母公司及其子递归,然后将不透明度应用于整个事情.)

在IE8中(我也假设IE的早期版本),这并不总是与不透明度有关.如果子元素的位置为:static(默认情况下,如果没有指定位置),那么它就像我上面描述的那样工作.但是,似乎情况是,如果将位置设置为其他任何内容(例如,绝对或相对),则子元素是完全不透明的.

我想知道如何使不透明度正确地影响父元素和子元素,但仍然保持子元素的位置:绝对;

这是一个问题的例子.下面的代码应该是一个半透明的灰色框,在一个垂直的红色条顶部有一个半透明的蓝色周围区域.在Firefox,Chrome等上,这是实际看到的.在IE8上,蓝色框是正确半透明的,但灰色部分是不透明的.

<!doctype html>
<html>
  <head>
    <style>
      div.parentElem
      {
        background-color:#0000ff;
        position: absolute;
        left:75px;
        top:75px;
        width:300px;
        height:225px;        
        opacity:0.5;
        filter:alpha(opacity=50);
      }
      div.childElem
      {
        background-color:#808080;
        position: absolute;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
      }
      div.redBar
      {
        position: absolute;
        left:150px;
        top:50px;
        height:350px;
        width:25px;
        background-color: #ff0000;        
      }
    </style>
  </head>
  <body>
    <div class="redBar"></div>
    <div class="parentElem">
      <div class="childElem"></div>
    </div>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

显然,这只是一个玩具示例 - 我可以有一个蓝色边框和灰色背景的div,以达到预期的效果.在真实场景中,我正在分层几个不同的div,每个div都有一个png背景图像来动态构建图像.

我的第一个尝试的解决方法是通过将子项上的过滤器设置为alpha(opacity = 50)来对父项和子项应用不透明度; 或者只是设置过滤器:inherit;.这不能达到预期的效果,因为它在它上面形成一个半透明的灰色矩形的半透明蓝色矩形.中间的空白区域最终是半透明的蓝色灰色,而它应该是半透明的灰色.同样,它不能使元素兄弟姐妹.在对任何事物应用任何透明度之前,任何解决方案都需要组合两个图像.

在我的研究中,我发现了一些建议,即应用zoom:1; 或者浮动:无; 内部元素可能会解决问题,但对我来说都没有用.

我最终的解决方法是给子元素位置:static.这是一种丑陋的解决方案,但是我要将它应用于上面的示例是将子元素的样式更改为:

  div.childElem
  {
    background-color:#808080;
    position:static;
    margin-left:10px; 
    margin-right:10px;
    height:205px;
    margin-top:10px;
  } …

Run Code Online (Sandbox Code Playgroud)

css internet-explorer css-position parent-child opacity

mik*_*epr

lucky-day

11
推荐指数

2
解决办法

6909
查看次数

CSS不透明度背景颜色和文本无效

我正在为firefox操作系统制作应用程序,我想让按钮背景不透明度为0.5,文本不透明度为1 ......但它没有用...检查css:

.button{
height:40px;
width:180px;
border-radius: 100px 100px 100px 100px;
border: 1px solid #FF9924;
display:inline-block;
background-color:#FF9924;
padding-top:5px;
opacity:0.5;
}


h1{
    padding: 5px 5px 5px 5px;
    text-align:center;
    font-size:20px;
    font-family: firstone;
    opacity:1.0;
}

Run Code Online (Sandbox Code Playgroud)

在页面上:

<div class="menu">
    <div class="button"><h1>Start the fight</h1></div>
</div>

Run Code Online (Sandbox Code Playgroud)

css opacity

作者

lucky-day

11
推荐指数

1
解决办法

2万
查看次数

悬停时的不透明度(jQuery)

我们有一个链接:

<a href="#">
    Some text
    <span style="width: 50px; height: 50px; background: url(image.png); overflow: hidden; opacity: 0;"></span>
</a>

Run Code Online (Sandbox Code Playgroud)

<span>当链接悬停时,我们希望通过一些动画改变不透明度.

我们怎么做？

jquery animation hover opacity

Hap*_*ppy

lucky-day

10
推荐指数

2
解决办法

5万
查看次数

所以我试图TextView在我的Android应用程序中动态更改a的不透明度.我有一个seekbar,当我向右滑动拇指时,TextView我在它下面分层应该开始变得透明.当拇指到达大约一半时seekbar,文本应该是完全透明的.我正在尝试使用setAlpha(float)从我继承View 的方法TextView,但Eclipse告诉我setAlpha()该类型未定义TextView.我是以错误的方式调用方法吗？还是有另一种方法来改变不透明度？

这是我的代码(classicText是TextView,gameSelector是seekbar):

public void onProgressChanged(SeekBar seekBar, int progress, boolean fromTouch){
    classicText.setAlpha(gameSelector.getProgress());
}

Run Code Online (Sandbox Code Playgroud)

android opacity textview seekbar

Mic*_*rew

2012 01-12

10
推荐指数

4
解决办法

4万
查看次数

如何使用Javascript获取元素的不透明度？

如果我有:

#em {
  opacity:0.5;
}

Run Code Online (Sandbox Code Playgroud)

如何#em使用不透明度javascript？:d

我遇到了以下麻烦(它什么都不返回):

return document.getElementById("em").style.opacity;

Run Code Online (Sandbox Code Playgroud)

javascript css opacity

Joh*_*ohn

2012 07-06

10
推荐指数

2
解决办法

2万
查看次数

IE中有多个CSS过滤器

我只是想知道可以使用CSS在IE中应用两个不同的过滤器.所以,我需要使用透明的PNG和一些不透明度div.可以同时使用它们吗？

我的透明制造商线看起来像这样:

li.item .item-texture {
   background: none transparent scroll repeat 0% 0% !important; 
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ie/articles/item-content-hov.png', sizingMethod='scale') !important;
}

Run Code Online (Sandbox Code Playgroud)

我试图添加一行(filter: alpha(opacity=50);)和单独的过滤器与逗号(.. 'scale') !important, alpha(opacity=50);),但它没用.

css internet-explorer transparent filter opacity

b_b*_*min

lucky-day

10
推荐指数

2
解决办法

9269
查看次数

将不透明度应用于背景图像但不应用于文本

我的问题是当我让我的照片变暗时,课堂上的文字.text也会变暗,我不知道如何避免这种情况.

我知道一个解决方案:制作.wrap position:absolute和课程.text制作不在,image但这个解决方案不适合我(像这样).

还有其他想法吗？

这是我的代码:

.wrap {
  width: 100%;
  background: #000 none repeat scroll 0% 0%;
}
.image {
  background-image: url("https://pbs.twimg.com/profile_banners/1550273796/1372363601/1500x500");
  background-size: cover;
  opacity: 0.8;
  height: 100vh;
  max-height: 350px;
  min-height: 200px;
}
.text {
  color: #FFF;
  font-weight: 900;
}

Run Code Online (Sandbox Code Playgroud)

<div class="wrap">
  <div class="image">
    <div class="text">
      <p>I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I …

Run Code Online (Sandbox Code Playgroud)

html css opacity

Qwe*_*Qwe

2017 05-23

10
推荐指数

1
解决办法

3万
查看次数

使用 ffmpeg 添加不透明度覆盖

我的 ffmpeg 有问题，我尝试在视频上添加 png 文件我找到了如何添加只是我希望这个 png 文件有一些不透明度我尝试了这一行

ffmpeg -n -i video.mp4 -i logo.png -filter_complex "setsar=sar=1;blend=all_mode='overlay':all_opacity=0.7" -movflags +faststart tmb/video.mp4

Run Code Online (Sandbox Code Playgroud)

使用这一行 ffmpeg 返回此错误

Cannot find a matching stream for unlabeled input pad 1 on filter Parsed_blend_1

Run Code Online (Sandbox Code Playgroud)

还有完整的日志

ffmpeg version 2.7.5-0ubuntu0.15.10.1 Copyright (c) 2000-2016 the FFmpeg developers
built with gcc 5.2.1 (Ubuntu 5.2.1-22ubuntu2) 20151010
  configuration: --prefix=/usr --extra-version=0ubuntu0.15.10.1 --build-suffix=-ffmpeg --toolchain=hardened --libdir=/usr/lib/x86_64-linux-gnu --incdir=/usr/include/x86_64-linux-gnu --enable-gpl --enable-shared --disable-stripping --enable-avresample --enable-avisynth --enable-frei0r --enable-gnutls --enable-ladspa --enable-libass --enable-libbluray --enable-libbs2b --enable-libcaca --enable-libcdio --enable-libflite --enable-libfontconfig --enable-libfreetype --enable-libfribidi --enable-libgme --enable-libgsm --enable-libmodplug --enable-libmp3lame --enable-libopenjpeg …

Run Code Online (Sandbox Code Playgroud)

mp4 png overlay ffmpeg opacity

the*_*ger

lucky-day

10
推荐指数

1
解决办法

1万
查看次数

plotly.py：更改线条不透明度，使标记不透明

是否可以更改线条不透明度而不是标记不透明度？我发现我可以设置整条线的不透明度，包括标记 ( opacity = .5) 和标记之一 (例如marker={"opacity":1})。

如本例所示：

import plotly
import plotly.graph_objs as go
plotly.offline.init_notebook_mode(connected=True)  # I'm running in a jupyter notebook

x = np.arange(0,10)
ys = [np.random.rand(10) for _ in range(3)]

lines = []
for y in ys:
    line = go.Scatter(x=x, y=y, mode="markers+lines", opacity=.5, marker={'symbol': 'x', 'size': "15", "opacity":1})
    lines.append(line)           
fig = go.Figure(
    data=lines,
    layout=go.Layout(showlegend=True)
)
plotly.offline.iplot(fig)

Run Code Online (Sandbox Code Playgroud)

在此处查看结果：