Member Avatar for u8sand 
<span style='color: lime; font-weight: bold; filter:glow(color=red, strength=7); height: 3px;'>Hello</span>

Normally, in IE that would make text with a red fire background with lime text. I used to use IE so i never knew but, now that i use Firefox, it showed up just lime with no read fire background. It's not a MAJOR problem, but i liked the text...

Could anyone tell me how i can make this work with other browsers other than IE

  • 2 Contributors
  • 2 Replies
  • 97 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by u8sand

Dani AI

Generated

— the IE-only filter:glow() was always proprietary, which is why Firefox ignored it. was on the right track with alternatives. For a cross-browser glow you do not need images; use CSS text-shadow (simple and works on dynamically generated names) or SVG filters if you need advanced control.

A compact CSS approach (apply to the element that holds the username):

.username {
  color: lime;
  font-weight: bold;
  /* layered shadows produce a stronger glow */
  text-shadow: 0 0 3px red, 0 0 6px red, 0 0 12px #ff3300;
}

Layer multiple comma-separated shadows to build intensity and spread. Increase blur values for a softer halo or add small offsets for a directional glow. If you need more complex effects (colored bleed, inner glows, nonuniform shapes), SVG filters give precise control and can be applied to text or elements — see the SVG filter reference for examples.

Keep compatibility and accessibility in mind: text-shadow is supported by modern browsers (older IE versions do not support it, so provide a readable solid-color fallback if you must support legacy clients). Also ensure the glow does not reduce contrast or legibility (WCAG guidance). For current compatibility data see MDN on text-shadow and the SVG filter docs, and the Can I Use page for browser support.
(https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) (https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter) (https://caniuse.com/textshadow) (https://www.w3.org/WAI/standards-guidelines/wcag/)

Recommended Answers

All 2 Replies

Member Avatar for PsychicTide

As far as I know there is no firefox equivalent for the CSS style filter, its only for MSIE5+ browsers (I could be wrong). There are several things you can do though... put in a background image, make the actual text an image, use CSS dropdown shadows, etc...

...code for firefox, then correct it for other browsers as needed =)

Member Avatar for u8sand

Well thanks. I can't really use an image because its on a forum and the name changes based on the user. But i guess there is no way.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.