2011-05-18 5 views
0

je le Microsoft gradient generator pour générer les éléments suivants:gradient IE9 svg ne fonctionne pas

div.footer 
{ 
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMC4zNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMC42NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNDApIiAvPgo8L3N2Zz4=); 
} 

Quand je vérifie les DOM il semble que cela a fonctionné, mais je ne vois pas de gradient sur la page. Suis-je censé mettre quelque chose d'autre?

+0

Hmm .. mon premier réflexe était «le navigateur supporte-t-il cela?», Mais en vérifiant le support du navigateur pour les arrière-plans SVG, et pour les URL de données, il semble que vous devriez être OK dans IE9. Donc je ne sais pas pourquoi ça ne marcherait pas. – Spudley

+0

voici une pensée - avez-vous vérifié que le navigateur ne passe pas en mode de compatibilité IE8 ou IE7? – Spudley

Répondre

1

Qu'en est-il de votre DocType? Avez-vous déclaré votre page Web en HTML5/SVG?