1

IE 10 不支持条件，我们都知道这一点，因此不支持的 css 属性的常规目标规则在这里不是一个选项。一张图片，看看 IE 10 如何认为他不是 IE：

在此处输入图像描述

好吧，但是有一个叫做pointer-events解决问题的时间比它应该解决的问题要多。我尝试了这个解决方案，但在我的情况下没有希望。我有一个设置在变形div按钮顶部的文本。我将 应用于pointer-events:none;此文div本。

<div class="btn-text-facebook ">Facebook</div>
<a class="btn-facebook " href="#">
</a>

和CSS：

.btn-facebook{
float: left;
background-color: #3B5998;
height: 100%;
padding: 10px;
width: 110px;
transform:skewX(-40deg);
-webkit-transform: skewX(-40deg);
z-index: 1;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
box-shadow:  inset 0px -1px 1px #999,
            0px 1px 5px 0px rgb(17,17,17);           
    }

.btn-text-facebook{
position: fixed;
top: 17px;
right: 230px;
z-index: 2;
float: left;
color: white;
text-shadow: 2px 2px 2px rgba(250,250,250,0.1); 
pointer-events:none;}

那么我的问题是：这种问题是否有解决方案（js或css）？任何处理它的标准方法或一个好的黑客。

4

0 回答 0