我的网站分为多个栏。每当元素不在第一列中且不透明度设置为ShowninthisfiddleCSS.main{-webkit-column-width:100px;column-width:100px;max-height:200px;}.main>div{overflow-y:auto;border-radius:6px;}.opac{opacity:0.5;}htmlelement1element2...element30我在OSX10.10.1上使用chrome40.0.2214.94(64位)。适用于Firefox。 最佳答案
我的网站分为多个栏。每当元素不在第一列中且不透明度设置为ShowninthisfiddleCSS.main{-webkit-column-width:100px;column-width:100px;max-height:200px;}.main>div{overflow-y:auto;border-radius:6px;}.opac{opacity:0.5;}htmlelement1element2...element30我在OSX10.10.1上使用chrome40.0.2214.94(64位)。适用于Firefox。 最佳答案
这个问题在这里已经有了答案:Opacityofbackground-color,butnotthetext[duplicate](5个答案)关闭8年前。有没有办法在css中仅使文本的背景颜色不透明？(不是文本颜色...只是文本的背景颜色)...我不想使用图像背景。这是一个例子:enterlinkdescriptionhere背景是不透明的，但文本也是不透明的......我不想要它......
这个问题在这里已经有了答案:Opacityofbackground-color,butnotthetext[duplicate](5个答案)关闭8年前。有没有办法在css中仅使文本的背景颜色不透明？(不是文本颜色...只是文本的背景颜色)...我不想使用图像背景。这是一个例子:enterlinkdescriptionhere背景是不透明的，但文本也是不透明的......我不想要它......
如何实现跨浏览器的不透明度渐变(不是颜色渐变)？见以下代码:它在IE中运行良好，但在其他浏览器(如firefox、safari等)中运行不佳。firefox的等效语法是什么？请不要建议我使用渐变图像。 最佳答案 最近的Firefox版本有-moz-linear-gradient，WebKit浏览器有-webkit-gradient。通过使用rgba颜色应该可以实现这两者的透明度。https://developer.mozilla.org/en/CSS/-moz-linear-gradienthttps://developer.app
如何实现跨浏览器的不透明度渐变(不是颜色渐变)？见以下代码:它在IE中运行良好，但在其他浏览器(如firefox、safari等)中运行不佳。firefox的等效语法是什么？请不要建议我使用渐变图像。 最佳答案 最近的Firefox版本有-moz-linear-gradient，WebKit浏览器有-webkit-gradient。通过使用rgba颜色应该可以实现这两者的透明度。https://developer.mozilla.org/en/CSS/-moz-linear-gradienthttps://developer.app
看看http://www.kickstarter.com.当您将鼠标悬停在他们的Logo上时，图像会亮起。如果不在悬停时使用不同的图像，这种效果是否可行？我的第一个想法是使用::after:hover并添加一个高透明度的白色方block来覆盖Logo，但是由于我的Logo放置在蓝色背景上，所以这不会工作。另一个想法是将不透明度设置为0.9，并在悬停时将其设置为1。但这会使图像在默认情况下看起来太暗。 最佳答案 您可以像这样使用css图像过滤器:img:hover{-webkit-filter:brightness(150%);}这有
看看http://www.kickstarter.com.当您将鼠标悬停在他们的Logo上时，图像会亮起。如果不在悬停时使用不同的图像，这种效果是否可行？我的第一个想法是使用::after:hover并添加一个高透明度的白色方block来覆盖Logo，但是由于我的Logo放置在蓝色背景上，所以这不会工作。另一个想法是将不透明度设置为0.9，并在悬停时将其设置为1。但这会使图像在默认情况下看起来太暗。 最佳答案 您可以像这样使用css图像过滤器:img:hover{-webkit-filter:brightness(150%);}这有
奇怪的问题是在IE/8/9中应用不透明度时边框消失，但在7中没有!我基本上在屏幕顶部有一个带有选项卡的菜单。即:button1...button2.......td{opacity:0.45;filter:alpha(opacity=45);...}td.tab:hover{opacity:1;filter:alpha(opacity=100);}抱歉，我无法正确设置代码块格式。基本上这只是应该在鼠标悬停在按钮上时取消淡入淡出，但边框就消失了!此问题仅在IE8/9上出现，但在IE7、FF、Chrome、Safari上一切正常。我在网上搜索了一些奇怪的IE8+边框/不透明度问题，但似乎没
奇怪的问题是在IE/8/9中应用不透明度时边框消失，但在7中没有!我基本上在屏幕顶部有一个带有选项卡的菜单。即:button1...button2.......td{opacity:0.45;filter:alpha(opacity=45);...}td.tab:hover{opacity:1;filter:alpha(opacity=100);}抱歉，我无法正确设置代码块格式。基本上这只是应该在鼠标悬停在按钮上时取消淡入淡出，但边框就消失了!此问题仅在IE8/9上出现，但在IE7、FF、Chrome、Safari上一切正常。我在网上搜索了一些奇怪的IE8+边框/不透明度问题，但似乎没
