jQuery 对话框不透明度答案

【问题标题】：jQuery Dialog OpacityjQuery 对话框不透明度
【发布时间】：2014-03-07 14:09:23
【问题描述】：

我使用 jQuery，我想在 jQuery 对话框上添加 css 不透明度，但内容必须正常显示

换句话说，我希望背景必须是透明的，并且文字和按钮必须正常显示

【问题讨论】：

请添加代码和小提琴。
感谢您的重播。好的
只有在使用背景颜色时才能设置背景不透明度。当然，你可以使用半透明的背景图片

标签： javascript jquery css dialog opacity

【解决方案1】：

CSS 属性 'opacity' 也会使每个孩子都透明。

您可以改用background-color 并在对话框 div 上使用rgba（如果我没记错的话是.ui-dialog），例如：

.ui-dialog {
     background-color: rgba(255,255,255,0.5);
}

这意味着具有一半不透明度（0.5，从 0 到 1，0 表示不可见，1 表示实心）的白色 (255,255,255)。

【讨论】：

【解决方案2】：

没有代码有点难，不过心情不错，就试试看吧。

你可能有一个元素是对话框，我猜是<div id="dialog">...</div>。您可以像这样设置背景的 alpha 不透明度：

#dialog {
     background: rgb( 255, 0, 0 ); /* fallback for not-rgba-supporting browsers */
     background: rgba( 255, 0, 0, 0.5 );
}

将 0.5 更改为所需的不透明度。

【讨论】：

【解决方案3】：

试试这个css代码对话框div-

/* default fallback */
background: rgb(255, 255, 255) transparent;
/* nice browsers */
background: rgba(255, 255, 255, 0.8);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";

【讨论】：