Posted By

epictree on 12/06/10

Tagged

jquery

Versions (?)

Last Edited at 12/06/10 09:25am

Statistics

Viewed 483 times

Favorited by 0 user(s)

Related snippets

fadein bold text jquery

/ Published in: HTML

this thing works except of course for IE which makes the bold text make a little jump like effect in the end. If anyone has a solution please let me know :)
cheers!

Johanna

Highlighted TextExpand

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>jquery</title>
        <link type="text/css" rel="stylesheet" href="css/style1.css" />
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" ></script>
           
            <script type="text/javascript">
                $(document).ready(function() {
                    $('.boldtext').css('display','none').fadeIn(1500);
                    $('.boldtext2').css('display','none').delay(500).fadeIn(1500);
                });
            </script>
    </head>
        <body>
            <div style="height:40em;width: 40em;border: 1px solid #cccccc; margin:0 auto;">
                <div class="boldtext boldi" style="font-weight:bold;">
                    <p>I am an element inside the targeted, with a font-weight:bold and in IE i get distorted</p>
                </div>
                <div class="boldtext2" style="font-weight: bold; background:white;">
                    <p>I am an element inside the targeted, with a font-weight:bold and in IE dont't get distorted because of the background, but i jump to the left</p>
                </div>
                <p>
                    so in a nutshell, the last split second in IE is far from fluid is there a way to fix that?
                </p>
            </div>
        </body>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.