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)?任何处理它的标准方法或一个好的黑客。