Forum Moderators: not2easy

Message Too Old, No Replies

Issue with IE8 glow effect - very strange!

It just won't work through the -ms-filter value!

         

Mathiaslylo

3:23 pm on Aug 16, 2010 (gmt 0)

10+ Year Member



Hi there.

My website is located here: [flamefusion.net....]

If you go to it in Internet Explorer 8 (or at least if I do), you will notice that the glow effect on the title that says "Welcome" doesn't work.

Is that because I am using a @font-face thing to change the font? The glow should be orange as far as I am concerned.

The CSS file rendering that specific item is located here: [static.flamefusion.net...]

The item has the class "mainHeader", and here is the relevant CSS section of it:

.mainHeader
{
zoom:1;
font-family:fRaleway,verdana;
font-size:50px;
color:#FFA900;
-ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=orange,strength=3)";
text-shadow:0px 0px 3px #FFCB00;
}

birdbrain

6:22 pm on Aug 16, 2010 (gmt 0)



Hi there Mathiaslylo,

all you need for IE is...


filter:glow(color=orange,strength=3);


birdbrain

Mathiaslylo

6:54 pm on Aug 16, 2010 (gmt 0)

10+ Year Member



Birdbrain, that didn't work. It's added now, still no result.

Also, I believe you are wrong. For IE8 in standards mode according to this post, the -ms- prefix is required:

[blogs.msdn.com...]

birdbrain

8:41 pm on Aug 16, 2010 (gmt 0)



Hi there Mathiaslylo,

Sorry about that, I did not read your post correctly and only tested the glow filter in IE6.

As for the problem in IE8 it is caused by the highlighted attribute here...
<h1 class="mainHeader" style="display:inline;">Welcome</h1>

Remove that and the filter should work OK. ;)

birdbrain

Mathiaslylo

8:56 pm on Aug 16, 2010 (gmt 0)

10+ Year Member



Aaaah thanks! I will try that! Thank you so much.

birdbrain

10:45 pm on Aug 16, 2010 (gmt 0)



No problem, you're very welcome, ;)

Major_Payne

7:43 am on Aug 17, 2010 (gmt 0)



Also answered here: [webmasterworld.com...]

commanderW

7:10 am on Aug 18, 2010 (gmt 0)

10+ Year Member



Hi - well, the link to 'flamefusion.net' in the OP is already broken (error 400 invalid hostname}
I wanted to see this "glow effect" because I've never heard of it.
I hope all the new links around here don't wind up useless :)

The css is in the post though and that's good