标签: opacity
背景图片:如果图像很小,如何填充整个div,反之亦然
我有三个问题:
当我尝试在较小尺寸的div中使用背景图像时,div仅显示图像的一部分.如何显示图像的完整部分或特定部分？
我有一个较小的图像,我想在更大的div中使用.但是不想使用重复功能.
CSS中有没有办法操纵图像的不透明度？
推荐指数
解决办法
查看次数
如何在CSS中对图像进行叠加？
我想要实现这样的事情:
当我将鼠标悬停在图像上时,我想在图像上添加一些带有文字和图标的深色图像.
我被困在这里.我找到了一些教程,但他们没有解决这个问题.另外,另一个问题 - 每个图像都有不同的高度.宽度始终相同.
如何实现这种效果？
推荐指数
解决办法
查看次数
什么有更高的优先级:浏览器中的不透明度或z-index？
我在JavaScript中编写了一个"弹出窗口",我遇到了一个有趣的事情:
弹出窗口下方的海军广场是可见的,即使我希望隐藏它.弹出广告后添加了弹出窗口,所以应该在顶部.
opacity海军广场的CSS 属性是0.3.从我的尝试来看,似乎间隔中的每个数字(0,1)都会产生相同的结果.如果我将其更改为1,则其行为与预期一致(即弹出窗口下方的部分被隐藏).
我试图将z-index属性设置10为方块和100弹出窗口,但它不会改变任何东西.
我错过了什么？为什么显示方块的一部分？
经测试的浏览器:
- Firefox 3.6.x.
- Chrome 4
推荐指数
解决办法
查看次数
有没有办法将鼠标悬停在一个元素上并影响另一个元素？
我希望它像这样简单,但我知道它不是:
img {
opacity: 0.4;
filter: alpha(opacity=40);
}
img:hover {
#thisElement {
opacity: 0.3;
filter: alpha(opacity=30);
}
opacity:1;
filter:alpha(opacity=100);
}
因此,当您将鼠标悬停在img上时,它会将#thisElement的不透明度更改为30%,并将图像的不透明度更改为100%.有没有办法只使用css实际做到这一点？
所以这是HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="C:\Users\Shikamaru\Documents\Contwined Coding\LearningToCode\Learning jQuery\js\jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="briefcase.js"></script>
<link rel="stylesheet" type="text/css" href="taskbar.css"/>
<link rel="stylesheet" type="text/css" href="briefcase.css" />
<title>Briefcase</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div class="mask"></div>
<div class="float">
<div id="album1">Album Title</div>
<img class="left" src="bradBeachHeart.JPG" alt="Brad at the Lake" />
<img class="left" src="mariaNavi.jpg" alt="Making Maria Na'vi" />
<img class="left" src="mattWaterRun.jpg" alt="Photoshopped Matt" />
</div> …推荐指数
解决办法
查看次数
如何在WinForms中设置Panel的不透明度或透明度？
我想知道如何在C#中更改或修改Panel的透明度,而不是整个表单,但仅限于面板..我在Opacity上看过很多C#教程,但是它用于Form.我正在寻找仅限Panel的可能性.谢谢!
推荐指数
解决办法
查看次数
jQuery CSS Opacity
怎么了？如果#nav .drop是,我想改变不透明度display:block;
jQuery(document).ready(function(){
if (jQuery('#nav .drop').css('display') === 'block') {
jQuery('#main').css('opacity') = '0.6';
}
});
推荐指数
解决办法
查看次数
CSS - 低不透明度div上的不透明文字？
我有一个60%不透明度的div,以显示div后面的背景图像的一部分.由于不透明度为60%,因此该div中的文本显示为灰色.
反正是否覆盖此级别并使文本显示为黑色？
任何建议表示赞赏
谢谢.
推荐指数
解决办法
查看次数
如何在不影响html/css的子元素的情况下应用不透明度？
我想用html和css实现这个目的:
我试图将容器的不透明度设置为0.3,将框设置为1,但它不起作用:两个div都有0.3不透明度.
我试图实现的效果是一个弹出框出现在页面顶部.它通过淡化下面的内容(通过降低不透明度)来突出显示.
推荐指数
解决办法
查看次数
CSS:在悬停时减轻元素
假设一个元素处于100%饱和度,不透明度等等...... 当它悬停时,我怎样才能让它的背景变得更轻？
用例是我允许用户将鼠标悬停在页面上的任何元素上.我不想四处测定相当于80%不透明度的每种颜色.
一种方法是改变opacity: 0.4但我只希望改变背景.
推荐指数
解决办法
查看次数
为什么子元素不能覆盖具有更大值的父元素的不透明度？
众所周知,子元素现在不能覆盖opacity其父元素的属性.opacity父项的属性始终生效.
当孩子试图改写(用较小的值覆盖)父亲的不透明度时,这是有意义的.但是,如果孩子试图用更大的价值覆盖它呢？不应该被允许吗？为什么半透明的父母不能有一个不透明的孩子？任何人都可以分享为什么这样的限制被确定为CSS设计的一部分的想法？
如果有人能够阐明理论上的原因,我将非常感激.我基本上试图找出原因 - 不能解决这个问题(不是解决方法;因为已经讨论了很多次).我相信这是很多像我这样的新手想知道的东西.
推荐指数
解决办法
查看次数