0

私は自分の Web サイトで派手な css3 フィルター処理を実行しようとしていましたが、残念ながら、ブラウザーによってまったく異なる結果が表示されます。

フィルターはこれまで webkit ブラウザーでしか利用できないため ( source )、これまでのところ、実験しただけ-webkit-filterです。

問題は、Safari (iOS でテスト済み)brightness(0)がデフォルト値として解釈しbrightness(1)、要素を完全に明るく表示することです。Chrome のデフォルト値は1です。

Webkit ブラウザーで一貫した明るさを実現する方法はありますか?

例については、この jsFiddle を参照してください: http://jsfiddle.net/4SMDf/1/

前もってありがとう、マクファーレン

4

1 に答える 1

0

これは、SVG フィルターを使用して行うことができます。

次に例を示します。

<svg height="0" xmlns="http://www.w3.org/2000/svg">
  <filter id="brightness">
    <feComponentTransfer>
      <feFuncR type="linear" slope="[amount]"/>
      <feFuncG type="linear" slope="[amount]"/>
      <feFuncB type="linear" slope="[amount]"/>
    </feComponentTransfer>
  </filter>
</svg>

ここで明るさ（量）セクションをチェックしてください： https ://developer.mozilla.org/en-US/docs/CSS/filter

于 2013-04-10T07:43:51.877 に答える