IE 10上的指针事件

Question

IE 10确实not support conditionals我们都知道，因此不支持的css属性的常规定位规则在这里是一个选项。 IE 10认为他不是IE的图像：

好吧，但是有一个名为pointer-events的东西需要更多的时间来解决它。我试过this solution但我的情况没有希望。我的文字设置在变形的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）？任何处理它的好方法或一个好的黑客。