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