jquery ombre texte dense et couleur de fond flou

Question

1. Je suis à la recherche d'un moyen/démo pour faire l'ombre de texte supplémentaire épais et dense par jquery (cross navigateur compatible comme jquery est.) Qui pourrait ne pas être possible par une simple css. avec le support IE

   plusieurs ombres le couvrent un peu bien. mais le problème est je pense que vieux problème de compatibilité du navigateur. et jQuery le couvre. C'est pourquoi vouloir une façon jQuery.

2. simple transparence fond est facile et simple css, mais rend la couleur de fond aussi avec un effet de transparence et floue de telle sorte que l'image (ou quoi que ce soit) à l'arrière les plus ne sont pas clairement visibles

---

Important:

J'ai besoin de la compatibilité entre le navigateur et le soutien pour certains anciens navigateurs, donc ce pourquoi je Choosen jQuery sur css

---

Peut être comme dans Windows 7 barre de titre?

J'ai vu les deux ci-dessus dans le passé, mais malheureusement, je ne me souviens pas où.

Si quelqu'un connaît un moyen ou une démo, je serai reconnaissant.

Remarque: Je ne veux pas l'arrière-plan basé sur CSS ou l'ombre de texte. exemple d'ombre de texte que j'ai trouvé un peu proche de ce que je veux. son minimum dense cependant de ce que je voulais.

Answer 1

Voici une implémentation plus cross-browser de la CSS avec des ombres empilées!

.blur { 
    color: black; 

    /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */ 
    text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1); 

    /* The webkit implementations to support more SOME older browsers */ 
    -moz-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1); 
    -webkit-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1); 
    -khtml-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1); 
} 

Vous pouvez utiliser une liste délimitée par des virgules pour les ombres de texte pour obtenir ce dont vous avez besoin.

CONCERNANT LA FLOUES D'UN DIV

TROUVE QUELQUE CHOSE AWESOME!

http://www.blurjs.com/

Si cela ne fonctionne pas, voici une réponse de débordement de pile.

Blur background of a div

Cette méthode utilise HTML5, et, malheureusement, ne seront pas compatibles avec des super vieux navigateurs. Estimalement, le div doit être conscient de l'arrière-plan et superposer une version floue de cet arrière-plan sur le dessus.

Answer 2

Ceci est apparemment possible, mais seulement sur les navigateurs WebKit, par

-webkit-filter: blur(123px); 
filter: blur(123px); 

See this demo et ajustez la propriété de flou.

Answer 3

En fait, cela est facile à faire en utilisant CSS3 simple, il suffit de superposer les ombres pour les rendre plus intenses. Peut-être une meilleure solution quelque part, mais cela fonctionne bien et est facile à faire. De plus, si vous utilisez Less/Stylus, vous pouvez en faire une fonction pour mieux contrôler l'intensité de l'ombre du texte.

.blur { color: black; text-shadow: 0 0 5pt black, 0 0 10pt black, 0 0 15pt black; } 

Quant à l'arrière-plan flou, je vois une autre réponse a déjà résolu que :)