我试图在图像+文本上添加模糊效果,对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;
}
希望有人可以帮助我:)
答案 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事件?