1

この CSS3 がサポートされている場合、どうすれば js / jquery を実行できますか。

私はすでに modernizr を使用していますが、それを使用して、機能のビルド前テストの 1 つではなく、この正確なスタイルのサポートを検出するにはどうすればよいですか。

サポートを確認する必要がある CSS は次のとおりです。

@supports((-moz-font-feature-settings:"liga=1, dlig=1") or (-moz-font-feature-settings:"liga","dlig") or (-ms-font-feature-settings:"liga","dlig") or (-o-font-feature-settings:"liga","dlig") or (-webkit-font-feature-settings:"liga","dlig") or (font-feature-settings:"liga","dlig"){ //nothing in here }

それがサポートされている場合、特定の jQuery コードを実行する必要があります。私がしなければならないことはスタイルを適用することを超えており、それはCSSではできず、JS / jQueryだけでできるため、supports-query内では実行できません。

4

2 に答える 2

2

独自の CSS をいくつか追加//nothing in hereし、JavaScript を使用して CSS が追加されているかどうかを検出するだけです。

@supports((-moz-font-feature-settings:"liga=1, dlig=1") 
or (-moz-font-feature-settings:"liga","dlig")
or (-ms-font-feature-settings:"liga","dlig")
or (-o-font-feature-settings:"liga","dlig") 
or (-webkit-font-feature-settings:"liga","dlig") 
or (font-feature-settings:"liga","dlig")
{ 
    body { z-index: 689; }
}

次に JavaScript:

if(document.getElementsByTagName('body')[0].style.zIndex === 689)
{
    // The CSS features are supported
} else {
    // Not supported
}
于 2013-05-24T18:35:07.723 に答える
0

https://github.com/Modernizr/Modernizr/issues/902から合字サポートをテストするには、これを行います

if((Modernizr.prefixed("fontFeatureSettings")){
    //ligatures supported  
} else{
    //ligatures not supported
}
于 2013-05-24T18:29:53.243 に答える