过滤:模糊Firefox问题

时间:2015-07-19 12:08:27

标签: jquery css blur effect

我试图在图像+文本上添加模糊效果,对Java中的点击产生影响。

它适用于铬和野生动物园。

但是我没有机会在firefox中使用这个效果。

代码:

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    CategoryCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cellidentifier" forIndexPath:indexPath];
//    cell.layer.borderWidth = 2.0f;
    cell.layer.masksToBounds = NO;
    cell.layer.cornerRadius = 5.0;
    cell.layer.borderColor = [UIColor lightGrayColor].CGColor;
    cell.layer.shadowOffset = CGSizeMake(0, 1);
    cell.layer.shadowRadius = 4.0;
    cell.layer.shadowColor = [UIColor darkGrayColor].CGColor;

    [cell addSubview:cell.maintitleLabel];

    Categories *cat = [post objectAtIndex:indexPath.row];
    [self.maincollectionView reloadInputViews];
    cell.maintitleLabel.text = [NSString stringWithFormat:@" %@ ", cat.title];
    [cell.maintitleLabel sizeToFit];               

    NSString *mainstring = [NSString stringWithFormat:@"%@", cat.imageOneUrl];
    NSURL *url = [NSURL URLWithString:mainstring];
//
    [cell.mainImageView setImageWithURL:url placeholderImage:nil];
//

    return cell;
}

希望有人可以帮助我:)

2 个答案:

答案 0 :(得分:3)

你应该最后设置无前缀规则。

$('.newsletter').click(function(){
  $(".overlay_newsletter").fadeIn();

  $(".name, li, .newsletter, svg, .header-links").css({
        '-webkit-filter': 'blur(3px)',
        '-moz-filter': 'blur(3px)',
        'filter': 'blur(3px)'});

$(".menu-expand").css({
        '-webkit-filter': 'blur(8px)',
        '-moz-filter': 'blur(8px)',
        'filter': 'blur(8px)',
        'opacity':'0.5'});

$(".logo").css({
        '-webkit-filter': 'blur(8px)',
        '-moz-filter': 'blur(8px)',
        'filter': 'blur(8px)'});

});

除了旧版本的FF之外还需要一个svg才能应用模糊效果。 https://developer.mozilla.org/en/docs/Web/CSS/filter

答案 1 :(得分:0)

我试过这个

filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='2'%20/></filter></svg>#blur");

它在FF中工作正常,但有没有办法在jquery中触发一个click事件?