1

ユーザーが登録されていない場合、フォトギャラリーにぼかし効果を付けようとしています。私はそれを手に入れましたが、クロムのみです。私の Firefox 14.0.1 (Linux) では、動作させることができません

私のhtmlテンプレート(私はdjangoで開発しています)

<h2> Gallerie</h2>
<ul class="galeria" id="imagenes">
{% for image in gallery %}
    {% if user.is_authenticated %}
        <a rel="prettyPhoto[gallery]" href="{{image.url}}">
            <img width="120px" height="120px" alt="{{image.comment}}" src="{{image.url}}"/>
        </a>        
    {% else %}
        <img class="blur" alt="{{image.comment}}" src="{{image.url}}"/>
    {% endif %}
{% endfor %}
</ul>

私のサイト.css

img.blur{
    -webkit-filter: grayscale(0.5) blur(10px);
    filter: grayscale(0.5) blur(10px);
    width:120px;
    height:120px;
}

どんな助けでも大歓迎です。ありがとう :)

4

2 に答える 2

8

filterGecko はこのプロパティをサポートしていません。IE ( filter) と WebKit ( -webkit-filter) でのみ機能します。Gecko ベースのブラウザー (Firefox など) でぼかし効果を適用するには、SVG フィルターを利用できます。これは、ガウスぼかしに SVG フィルターを使用する方法の良い説明です。これらの SVG フィルターは Gecko でのみ機能するため、WebKit と IE 用の古いコードが必要です。

于 2012-08-16T10:02:22.287 に答える
3

この説明は私にとってよりうまくいきました。

http://css-plus.com/2012/03/gaussian-blur/

于 2013-01-06T21:29:56.253 に答える