1

私はこのコードを持っていますが、Chrome 22.0.1229.94 m では動作しません。

<div id='botonera'>
    <button id='restaurar'>Restaurar</button>
    <button id='blur'>Blur</button>
    <button id='greyscale'>Greyscale</button>
    <button id='sepia'>Sepia</button>
</div>

<script type="text/javascript">
    var imagen = document.getElementById('imagen');

    document.getElementById('restaurar').onclick = function() {
        imagen.className = 'restaurar';
    }
    document.getElementById('blur').onclick = function() {
        imagen.className = 'blur';
    }
    document.getElementById('greyscale').onclick = function() {
        imagen.className = 'greyscale';
    }
    document.getElementById('sepia').onclick = function() {
        imagen.className = 'sepia';
    }
</script>

グレースケールのみが機能しません。ぼかし、セピア、「復元」は問題なく機能します。ありがとう！

4

1 に答える 1

2

CSS のように綴っている可能性があります。どちらのスペルも正しいですが、最初のものだけが機能します。grayscalegreyscale

.greyscale {  
   -webkit-filter: grayscale(100%);
}
于 2012-10-25T04:41:49.573 に答える