Fatal编程技术网
  • css/
  • Css IE=S中的不透明度

Css IE=S中的不透明度

css internet-explorer jquery-ui filter

Css IE=S中的不透明度,css,internet-explorer,jquery-ui,filter,opacity,Css,Internet Explorer,Jquery Ui,Filter,Opacity,我已经看了其他问题，但仍然无法解决这个问题 编辑 这是一个HTML页面，它再现了我的错误： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <HTML> <HEAD><STYLE> HTML { min-height: 0px

我已经看了其他问题，但仍然无法解决这个问题

编辑 这是一个HTML页面，它再现了我的错误：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<HTML>
<HEAD><STYLE> 
HTML
{
    min-height: 0px;
    font-size: 100%;
}
BODY
{
    min-height: 0px;
    font-size: 100%;
}
DIV
{
    min-height: 0px;
    font-size: 100%;
}
HTML
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
BODY
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
BODY
{
    position: relative;
    min-width: 100%;
    background-color: #333;
    margin: 0px;
    display: inline-block;
    font-family: Arial, Sans-Serif;
    height: 100%;
    font-size: 12px;
}
#abc_content
{
    border-bottom: #666 2px solid;
    border-left: #666 0px solid;
    padding-bottom: 5px;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-top: #666 2px solid;
    border-right: #666 0px solid;
    padding-top: 5px;
}
#abc_leftbar + #abc_content
{
    margin-left: 210px;
}
.ui-helper-clearfix:after
{
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
    content: ".";
}
.ui-helper-clearfix
{
    display: inline-block;
}
.ui-helper-clearfix
{
    display: block;
}
.ui-state-disabled
{
    cursor: default !important;
}
.ui-widget-header
{
    background: #176000;
    color: #ffffff;
}
.ui-state-default
{
    border-bottom: #176000 1px solid;
    border-left: #176000 1px solid;
    background-color: #458b11;
    color: #ffffff;
    border-top: #176000 1px solid;
    border-right: #176000 1px solid;
}
.ui-widget-header .ui-state-default
{
    border-bottom: #176000 1px solid;
    border-left: #176000 1px solid;
    background-color: #458b11;
    color: #ffffff;
    border-top: #176000 1px solid;
    border-right: #176000 1px solid;
}
.ui-state-disabled
{
    filter: alpha(opacity=75); opacity: .75;
    -moz-opacity: .75;
    -khtml-opacity: .75;
}
.ui-corner-tl
{
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}
.ui-corner-tr
{
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
.ui-corner-bl
{
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.paging_full_numbers .ui-button
{
    padding-bottom: 2px;
    margin: 0px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    padding-top: 2px;
}
.ui-buttonset .ui-button
{
    margin-right: -0.1em !important;
}
.paging_full_numbers
{
    width: 350px !important;
}
.ui-toolbar
{
    position: relative;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    zoom: 1;
    height: 20px;
    padding-top: 5px;
}
.dataTables_paginate
{
    width: auto;
}
.dataTables_wrapper
{
    font-family: Arial, Sans-Serif;
    max-width: 100%;
    font-size: 120%;
    font-weight: bold;
}
.dataTables_wrapper
{
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
}
.dataTables_paginate
{
    text-align: right;
    line-height: 20px;
    float: right;
    height: 20px;
}

</STYLE></HEAD>
<BODY><DIV id="abc_content"><DIV id="dd_table_wrapper" class="dataTables_wrapper"><DIV class="fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"><DIV id="dd_table_paginate" class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers">

<SPAN id="dd_table_first" class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default ui-state-disabled" jQuery1297179778124="2">First</SPAN>

</DIV></DIV></DIV></DIV></BODY></HTML>
它在FF和Chrome中工作，但在IE中不工作。我正在使用IE 8

有什么想法吗？谢谢

您需要在IE 8中设置-ms过滤器

您需要在IE 8中设置-ms过滤器

IE8不支持不透明度-您可以使用MS的渐变过滤器：

.className{
opacity: 0.7; 
-ms-filter: "alpha (opacity=70)"; 
filter: alpha (opacity=70);
}
IE8不支持不透明度-您可以使用MS的渐变过滤器：

.className{
opacity: 0.7; 
-ms-filter: "alpha (opacity=70)"; 
filter: alpha (opacity=70);
}
我只是改变了颜色，让它看起来像我在改变不透明度。IE失败…

我只是改变了颜色，让它看起来像我在改变不透明度。IE失败…

尝试使用：

opacity:.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
试用：

opacity:.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
谢谢你的快速回复。不幸的是，它仍然不起作用：是否有一些浏览器缓存正在进行？你有网址吗？我发布的内容应该会让你在每个浏览器中都不透明度。这是我第一次没有找到正确答案。我已经从IE复制了跟踪，并用它编辑了我的帖子。它创建了一个与我所拥有的完全相同的html页面，但过滤器在第一个按钮或跨度上不起作用，而是。这是因为您禁用了.ui状态{cursor:default！important；}未否决投票您需要在IE 8不透明性中设置-ms过滤器：.70；/*标准：FF gt 1.5，Opera，Safari*/过滤器：alphaopacity=70；/*IE lt 8*/-ms过滤器：alphaopacity=70；/*IE 8*/-khtml不透明度：.70；/*Safari 1.x*/-moz不透明度：.70；/*FF lt 1.5，网景*/对不起，我不太明白。这里有一个更清楚的例子。你能用你的想法修改一下吗？谢谢你的快速回复。不幸的是，它仍然不起作用：是否有一些浏览器缓存正在进行？你有网址吗？我发布的内容应该会让你在每个浏览器中都不透明度。这是我第一次没有找到正确答案。我已经从IE复制了跟踪，并用它编辑了我的帖子。它创建了一个与我所拥有的完全相同的html页面，但过滤器在第一个按钮或跨度上不起作用，而是。这是因为您禁用了.ui状态{cursor:default！important；}未否决投票您需要在IE 8不透明性中设置-ms过滤器：.70；/*标准：FF gt 1.5，Opera，Safari*/过滤器：alphaopacity=70；/*IE lt 8*/-ms过滤器：alphaopacity=70；/*IE 8*/-khtml不透明度：.70；/*Safari 1.x*/-moz不透明度：.70；/*FF lt 1.5，网景*/对不起，我不太明白。这里有一个更清楚的例子。你能用你的想法修改一下吗？我同意hunter的观点，上面的观点应该有效，你可能会有缓存问题。我同意hunter的观点，上面的观点应该有效，你可能会有缓存问题。