Blur the background of a <li> but not the content

user3807794

I have a problem with my HTML template. I have to blur the background of this "li" and not the enteire content (the h1 got blurred if I put the blur option in the style section). Have you got any idea?

<li style="background-image: url('test.png'); background-repeat:no-repeat;">
<h1>Title</h1></li>

Thanks.

Ignacio Correia

Here is what the question means, the second example blur both image and css: http://jsfiddle.net/ignaciocorreia/Wn9F9/

The solution is to put them separately you cannot blub BG Images:

<li><div>image here</div><span>text here</span></li>

Solution: http://jsfiddle.net/ignaciocorreia/YLsQP/1/

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related