CSS图像在容器中的定位和不透明度

文章/答案/技术大牛

发布

2回答

带有纯JS的切换div

javascript、css、css-transitions

场景:一个主容器，一个具有不透明度1的子img和一个具有不透明度0的子span，这两个都是相对定位的父div的绝对位置。降低img的不透明度，同时增加span的不透明度。当不透明度超过某些阈值时，例如0.01和0.99隐藏/显示(

浏览 5提问于2014-02-06得票数 0

回答已采纳

1回答

通过CSS到<div>的背景图像扭曲子div

javascript、jquery、html、css、twitter-bootstrap

这是我的第一个问题。我的代码在上。我用div标记封装了这个特性，对其应用了一个ID "background1“，然后使用CSS将位置设置为绝对值和左值:0。这让我得到了我想要的</

浏览 4提问于2016-12-31得票数 1

回答已采纳

1回答

html、css

我有这个html页面，它使用一个图像作为它的整个背景。在这个背景图像的顶部，我有一个白色的盒子，里面有文本和3个图像。我希望白色的盒子是透明的，这样背景图像仍然是可见的。但是，当我更改indexpagecontainer的不透明度时，图像的不透明度也会发生变化。有没有办法防止这种情况发生？我还希望图像甚至被放置在我拥有的容器中，

浏览 39提问于2020-02-04得票数 0

1回答

排除jQuery动画分区中的文本

jquery、text、opacity

我正在使用joomla构建一个网站，最近我添加了一个jQuery模块，当你将鼠标悬停在它上面时，它会改变包含div的不透明度。它包含文本，文本看起来有点俗气，因为它也失去了不透明度。所以我想知道，我如何才能针对div，但排除文本，使文本保持100%不透明。下面是我的代码： <script src="http://code.jquery.com/jquery-1.4.4.js"></script

浏览 1提问于2010-12-02得票数 4

4回答

如何使用jQuery不透明度覆盖容器上的分区

jquery、html、css

我有一个不透明度为0.3的容器事实是，当我试图用图像覆盖DIV包装时，不透明度占用了整个DIV。

浏览 3提问于2009-02-10得票数 2

2回答

带有定位子元素的IE alpha透明度

css、opacity、transparent、alpha

我正在尝试使用以下命令淡出容器元素：-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=14)"; /*IE 8,9*/opacity: .14; /* Good Browsers */ 在这个容器中，我有相对于位置绝对子元素定位的子元素IE8和</e

浏览 3提问于2011-11-17得票数 0

2回答

在display:block处设置绝对定位链接的高度

html、css

希望获得一些关于CSS问题的建议-我有一个布局，我绝对定位在背景图像上的链接文本，但无法让链接扩展到容器的高度(在IEx中，在Chrome中运行良好) <img /></div> 包含的div具有背景色，并且图像的不透明度降低了-在悬停图像时

浏览 1提问于2012-12-17得票数 0

回答已采纳

3回答

不透明度0.5，此dd除外

jquery、css、backbone.js、coffeescript、opacity

我想要将主体不透明度改为0.5，除了选择了'dd‘的聚焦区域。在骨干网中使用coffeescript；@$el is selected dd $('body').css({opacity:0.5}); ...

浏览 0提问于2013-07-19得票数 0

回答已采纳

1回答

透明度显示在不透明前景元素上的元素

css、opacity

在使用一些元素的透明度和覆盖的过程中，我们遇到了一个CSS的奇怪之处，我们不能完全解决。其他相关的CSS是覆盖的Z-Index为999，并且与按钮没有祖先

浏览 1提问于2013-06-07得票数 4

回答已采纳

2回答

MouseOver事件上的FadeOut滚动条

jquery、scrollbar、fadeout

我使用jquery在鼠标输出和事件上隐藏和显示滚动条。现在，我想对该任务应用fadeOut和fadeIn转换。滚动是正确的，但整个fadeOut标签与内容是隐藏后fadeOut.Can你请告诉我如何实现我的任务…(我不确定我的代码是正确的)。<!script> $(document).ready(function(){ $('div').mouseove

浏览 0提问于2012-02-15得票数 0

6回答

仅透明背景

html、css、prototypejs

我有一个包含标题和表单的div。我不知道如何在保持输入域和文本完全不透明的情况下使背景透明。< children.length; i++)谢谢你的帮助

浏览 0提问于2011-02-11得票数 1

回答已采纳

2回答

将文本叠加在图像链接上的问题

html、css、overlay

好的，这可能变得太复杂了，CSS/HTML无法处理，但我也可以问一问。我想要添加到这些图像中，是一个具有透明背景的文本覆盖。C

浏览 2提问于2012-02-20得票数 0

回答已采纳

5回答

在Mouseover上改变不透明度

javascript、jquery、html、css

我的项目的最终目标是使我的圆圈图的形象在鼠标上互动。当用户悬停时，我希望圆圈中的部分将不透明度更改为.5 (从1)。我有一个图表的图像，但我不知道如何使一个区域的单一图像变化，不透明的悬停。我试过几件事：我用自己的地图中的每一块来映射图表，但我不知道如何改变一个单一图像(Css)区域的不透</em

浏览 1提问于2013-12-10得票数 0

2回答

使用JQuery使div的背景图像缓慢显示

jquery

我正在使用下面的代码来实现div的背景图像的显示速度缓慢： $('.stepImage').css("background-image", "url(/Content/Images/Eligibility.png)"); $('.stepImage').css("

浏览 10提问于2022-05-23得票数 -1

12回答

如何使用html/css在不影响子元素的情况下应用不透明度？

html、css、opacity

我想用html和css实现这一点：我尝试将容器的不透明度设置为0.3，并将长方体的不透明度设置为1，但都不起作用:两个div的不透明度都为0.3。我试图实现的效果是在页面顶部出现一个弹出框。通过淡出下面的内容来突出显示它(通过降低不透明度)。

浏览 2提问于2012-04-05得票数 57

回答已采纳

1回答

不透明度值小于1且没有z指数的叠加

css、opacity

指出，当页面中没有任何元素具有z索引时，元素按以下顺序堆叠：正常流中的后代块，按外观顺序

浏览 8提问于2012-07-30得票数 3

回答已采纳

4回答

jquery暗淡效果问题

jquery

当一个小图像被点击并显示一个大图像时，我试图获得暗淡的效果， <div id="press_page"> $('img.big').animate({opacity:1},1000).css('display','b

浏览 0提问于2009-11-25得票数 0

回答已采纳

4回答

使用css设置背景封面的透明度

html、css

下面是设置背景封面的代码，我想设置背景封面的透明度，这样我就可以在它上面显示一些文本。我得到了下面的解决方案，但它对我不起作用。我不明白我错过了什么。

浏览 1提问于2013-01-26得票数 3

回答已采纳

1回答

css3不透明谷歌网站

css、opacity、sites

我试图为我的网站在谷歌网站的容器，将是透明的，以便背景图像将可见。过滤器: alpha (opacity=50)；-moz-不透明度: 0.50；不透明度: 0.50；-khtml-不透明度: 0.5；但它没有被识别。警告: HTML包含一些不允许的标记。这些已从您<em

浏览 2提问于2012-05-31得票数 2

回答已采纳

1回答

jQuery将CSS元素滑出以减少不透明度

jquery、css

嗨，我正在尝试滑出一个CSS元素，逐渐删除不透明度，直到它完全消失。})<div class="sliderContainer">

浏览 2提问于2013-05-18得票数 0

回答已采纳

点击加载更多

带有纯JS的切换div

通过CSS到<div>的背景图像扭曲子div