【发布时间】:2011-06-24 04:05:04
【问题描述】:
我正在尝试在我的网站上加入thickbox。基本上,它只是一个具有更多功能的精美 javascript 警报。但是,当您出现厚框时,它会使屏幕的其余部分变暗。我宁愿没有这个。我已经广泛搜索了 CSS 文件,但找不到如何更改不透明度/背景颜色。任何帮助将不胜感激。
指向 CSS 文件的链接: http://jquery.com/demo/thickbox/thickbox-code/thickbox.css
【问题讨论】:
我正在尝试在我的网站上加入thickbox。基本上,它只是一个具有更多功能的精美 javascript 警报。但是,当您出现厚框时,它会使屏幕的其余部分变暗。我宁愿没有这个。我已经广泛搜索了 CSS 文件,但找不到如何更改不透明度/背景颜色。任何帮助将不胜感激。
指向 CSS 文件的链接: http://jquery.com/demo/thickbox/thickbox-code/thickbox.css
【问题讨论】:
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
“屏幕变暗”是由不透明度为 75% 的黑色覆盖层引起的。
如果您不想这样做,请将 background-color 更改为 transparent。
【讨论】:
是这样的:
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
您可以只清空内容或将其完全删除,问题就解决了!
【讨论】:
@riku;你可以使用rgba 来表示透明色,像这样
css:
.TB_overlayBG {
background: rgba(0,0,0,0.7)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */
}
因为rgba 不透明,所以它的内容与opacity 一样
更多请查看THIS
【讨论】: