从IE的父框中删除不透明度

时间:2016-04-13 08:00:02

标签: css internet-explorer

<div id="loginBox">
        <!--h3>Login</h3-->
        <form action="login.php" method="post">
        <!--?php csrf_token(); ?-->
        <input type="hidden" name="do" value="scplogin">
        <fieldset>
            <input type="text" name="username" id="name" value="" placeholder="Username" autocorrect="off" autocapitalize="off">
            <input type="password" name="passwd" id="pass" placeholder="Password" autocorrect="off" autocapitalize="off">
        </fieldset>
        <input class="submit" type="submit" name="submit" value="Log In">
        <span></span>
        <div id="label"></div>
        </form>
</div>

for loginBox:
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr =#002d72,endColorstr =#002d72);     -MS-滤波器:&#34;的progid:DXImageTransform.Microsoft.Alpha(不透明度= 50)&#34 ;;

但我不想让孩子输入继承它们,我已经在Chrome中解决了它们,不确定如何在IE中解决它们?

1 个答案:

答案 0 :(得分:0)

您可以使用aRGB字符串并删除不透明度-ms-filter并更改渐变过滤器以包含aRGB字符串。假设您希望每种颜色都有50%的不透明度:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80002d72, endColorstr=#80002d72);

以下是HEX alpha值代码列表:

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00

您需要确保当前十六进制代码前面

如果你已经在其他浏览器中使用它,那么在IE中特定样式表中的PNG可能是PNG。

==== 更新 ====

最后 - 我会看一个javascript选项,我刚刚测试了它,它在IE7中工作。

它被称为ThatsNotYoChild.js。

你可以在这里找到一个有效的代码:

http://codepen.io/impressivewebs/details/CyfED

并且实施起来很简单,只需拨打thatsNotYoChild('parent');

您可以在Impressive Webs http://www.impressivewebs.com/fixing-parent-child-opacity/

上阅读更多相关信息