Javascript IE 10上的指针事件

Javascript IE 10上的指针事件,javascript,html,css,Javascript,Html,Css,IE10确实如此,我们都知道这一点,因此不支持css属性的常规目标规则在这里是不可选择的。查看IE 10如何认为自己不是IE的图像: 好的,但是有一种叫做指针事件的东西,它需要花费比它应该花费的更多的时间来解决。我试过了,但没有希望。我在变形的div按钮上设置了一个文本。我应用了指针事件:无;此div文本 我的问题是:对于这种问题,有没有js或css解决方案?任何标准的处理方法或好的破解方法。问题到底是什么?当我单击按钮时,它会在文本上单击,一旦它是一个顶部有单击属性的对象。我希望它只点击它后面

IE10确实如此,我们都知道这一点,因此不支持css属性的常规目标规则在这里是不可选择的。查看IE 10如何认为自己不是IE的图像:

好的,但是有一种叫做指针事件的东西,它需要花费比它应该花费的更多的时间来解决。我试过了,但没有希望。我在变形的div按钮上设置了一个文本。我应用了指针事件:无;此div文本


我的问题是:对于这种问题,有没有js或css解决方案?任何标准的处理方法或好的破解方法。

问题到底是什么?当我单击按钮时,它会在文本上单击,一旦它是一个顶部有单击属性的对象。我希望它只点击它后面的按钮。它适用于Chrome、firefoz和safari,但不适用于IE或Opera,因为它们没有ponter事件。谢谢你的评论!你有没有考虑过可能使用polyfill。只是想…@War10ck,我来看看,谢谢你!:@安德烈·卢卡斯没问题,伙计。很乐意帮忙。您可能还对与的组合感兴趣。使用这些工具,您将能够查看浏览器是否支持指针事件。如果有,您可以让浏览器使用本机支持。如果没有,可以使用yepnope.js有条件地加载多边形填充。这样,您就不会加载和解析在具有本机支持的浏览器中不需要的额外JavaScript文件。这将确保用户在所有浏览器中获得最佳体验。
<div class="btn-text-facebook ">Facebook</div>
<a class="btn-facebook " href="#">
</a>
.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;}