Line for the Hover draw style does not work in Internet Explorer

I found a great way to create a substitution effect when you hover over a table row, giving the row a class of "resultsRow" and using the following rules in my stylesheet:

{.resultsRow}
background-color: #EAEEB1;
}
{.resultsRow:hover}
background-color: #D2DE56;
}

It works perfectly in Firefox, but doesn't work at all in Internet Explorer, that's what will use the majority of our audience. Does anyone know a fix for this in Internet Explorer?

The game, July 20, 2006 08:21:43 + 0000 (UTC), "Claire S.
wrote:

> .resultsRow {}
> background-color: #EAEEB1;
> }
> .resultsRow:hover {}
> background-color: #D2DE56;
> }
>
> This works perfectly in Firefox, but doesn't work at all in Internet Explorer.
> which is what will use the majority of our audience. Does anyone know a fix
> in Internet Explorer?

As you have seen, IE is old and does not support. You can do it
quite easily with JavaScript:


onMouseOut = "this.className = 'resultsRow'" > ""

Gary

Tags: Dreamweaver

Similar Questions

  • Horizontal menu does not work in Internet Explorer.

    I have a site that I created using CS3. The horizontal navigation bar does not work in internet explore. I tried a few things and tried to look at others. I can't make it work. I'm starting to think I need to do it again. Can someone please take a look?

    http://www.millnerheritage.com

    This is only the second site, I did it, so please be nice.

    Thank you

    LTimmers

    There is something strange going on.

    When I look at this

    the links go back a folder/directory, and yet they are called from the root directory. I have a slight suspicion that you have two sections, one that has changed and the other has not been changed.

    You worry about the addition of the style ul rule. MenuBarHorizontal {width: auto ;} } to your existing as per document

    ..............

    a: active {}
    text-decoration: none;
    }
    {.style10}
    font size: large;
    make-weight: bold;
    make-style: italic;
    }
    .style11 {size are: small}

    UL. MenuBarHorizontal {width: auto ;}}


    ............

    See what's happening.

    GRAMPS

  • calendar for the week of jQuery does not work in the new version of firefox v42.0

    Hello
    Thanks for your reply.
    IAM develop on the issue that iam facing knowledge, events on the calendar for the week of jquery does not work in firefox version iam 42.0 faced to the problem that iam unable to change back or delete nominations that are displayed.
    For example if try clicking on one of the appointment generally a popup comes to change or to restore or remove the appointment but iam not getting that. But this feature does not work in lower versions of firefox (version 32.0 for example). Please check the jquery week calendar demo following URL looks like this:
    http://robmonie.github.IO/jQuery-week-calendar/full_demo/weekcalendar_full_demo.html

    I've just rescheduled lunch 12:00-12:15, so it seems to work on 42 Firefox on Windows.

    What is the latest version, where it has worked for you?

    Have you tested Mode Firefox safe to rule out the possibility of an extension conflict? See: Firefox in Safe Mode troubleshooting questions.

  • Silverlight does not work in Internet Explorer 8, when I try to install it, it says the application is already installed.

    What can I do to fix this?

    Silverlight does not work in Internet Explorer 8, when I try to install it it says, the application is already installed, but it does not appear in the Add/Remove Programs dialog box. What can I do to fix this?

    Thank you for your help

    JH

    I was able to install it, I downloaded again the installation of Silverlight and it took.

    Thanks for your help

    JH

  • definition of Google toolbar does not work with internet explore in the ultimate edition of Windows 7

    Hi my toolbare google translate does not work in internet explorer 8 in windows 7

    Hello

    ·         What happens when you try to use the toolbar to translate?

    I suggest you to try disabling and activation of the Google toolbar translation and check if it works:

    (a) open internet explore

    (b) click on tools and select internet options

    tab c open programs) and click on Manage Add-ons

    (d) right click on the toolbar and try to disable and enable it.

    For help using the Google toolbar, visit

     http://www.Google.com/support/toolbar/

    Warning: Using third-party software, including hardware drivers can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the use of third-party software can be solved. Software using third party is at your own risk.

    Hope this helps,

  • Styles does not appear in Internet Explorer (in dreamweaver preview)

    Styles does not appear in Internet Explorer (in the preview of dreamweaver) Please help with it

    03.08.2016 - 06.26.39 - library of Ilkhom

    Displaying a link to a screenshot is useless. The problem lies in your HTML / CSS. Without seeing the code, no one may provide assistance. Post the URL of your website here so someone can take a look to try to work on the problem. Also mention which version of IE the cause of the problem.

    If you use elements HTML5, IE 8 and earlier do not support HTML5 style it without the html5 shiv.

  • Babylon 8 does not work with Internet Explorer 9.

    original title: in the IE 9 Windows 7 Babylon 8 does not work

    Office 2010

    I set click the middle button to Babylon 8 execution.

    IE 9 Babylon is not running (I've changed also access keys - no matter)

    Is working properly in Outlook 2010, Word 2010 and Excel 2010

    Hi Arkady_50,

    Thanks for posting the question in the Microsoft Community!

    According to the description, it looks like the Babylon 8 does not work with Internet Explorer 9. However, we need for more information on this issue to provide better assistance. Please help me to answer these questions.

    (1) are you referring to the Babylon translation software?

    (2) you get an error message?

    If you run Babylon 8 on your computer, you can consider installing the latest version of Babylon 9.

    http://www.Babylon.com/

    If the problem persists, visit this link to contact Babylon.

    http://support.Babylon.com/

    Hope this information helps. If you have questions to answer Windows only and we will be happy to help.

  • Site of muse does not work in Internet Explorer

    Please help. My site bjh.dadeschools.net does not work in Internet Explorer. It works with all other browsers but not IE. Please help with this question.

    No, just to take one or the other. I used the one that ends in IE = 10 and it worked for me, but when I have a few minutes, I'll try to use IE = Edge because I think it's the best way to go. But yes, you need to add it to each affected page unless there is a way that you can add it so that it applies to all the pages... I'm not familiar with the Muse enough to say if this is possible, flippant.

    But go ahead and test it like this...

    1. go to your homepage.

    2. click on Page in the menu bar.

    3. Select the Properties Page.

    4. go to the metadata tab.

    5. in the HTML code forsection, paste the following code:

    Save that and try to republish and test this homepage you have applied that change and see if it works now. If so, then go ahead and apply it on your other pages or try and find if there is a way to implement the HTML code forcode to all your pages (maybe a master page or something.) Let me know if it works for you or if you have any questions.

  • Bought two of the iTouch, one for my wife and one for me. In the Notes his has the "" symbol for the formatting and mine does not work. Any suggestions?

    I bought the iTouch two at a time, one for my wife and one for me. In the application 'Notes' my wife shows the symbol "+" to the formatting and mine does not work. Any suggestion.

    Could you please include screenshots of the so-called issue?

  • Transition CSS does not work in Internet Explorer

    I only tested in Firefox and IE, and for some reason any the legend that is supposed to slide comes automatically appears in Internet Explorer. You can find an example here http://css-tricks.com/examples/SlideinCaptions/. I've modified it a bit more, try to make friendly browser but I still can not work in Internet Explorer. Any help would be really appreciated here, thank you! I have bolded the parts I am having trouble with. Here is my code:

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"

    < link rel = "stylesheet" href = "style.css" type = "text/css" / > "

    < script type = "text/javascript" src = "javascript.js" > < / script >

    < script >

    NUM = Math.floor (Math.Random () * 3);

    If (num == 1) {}

    image = "bg1.png";

    }

    If (num == 2) {}

    image = "bg2.png";

    }

    < /script >

    < title > embroidery by CJ < /title >

    < / head >

    < onload = "MM_preloadImages('contact1.png','about1.png','producst1.png','index1.png') body, document.body.background = image" >

    < div class = "header" >

    < div class = 'wrapper' >

    < div class = "logo" >

    < img src = "logo.png" width = "438" height = "56" alt = "Embroidery by CJ" / > "

    < / div >

    < div class = "nav" >

    < div class = "link4" >

    < center >

    "< a href ="contact.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Contact',", 'contact1.png', 1) "> < img src =" contact.png "alt ="Contact"name = 'Contact' width = height"73"="15"border ="0"id ="Contact"/ > < /a >

    < /Center >

    < / div >

    < div class = "link3" >

    < center >

    "< a href ="about.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('About',", 'about1.png', 1) "> < img src =" about.png "alt ="About"name = 'About' width ="56"height ="16"border ="0"id ="About"/ > < /a >

    < /Center >

    < / div >

    < div class = "link2" >

    < center >

    "< a href ="products.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Products',", 'producst1.png', 1) "> < img src =" products.png "alt = 'Products' name = 'Products' width ="83"height ="20"border ="0"id ="Products"/ > < /a >

    < /Center >

    < / div >

    < div class = "link1" >

    < center >

    "< a href ="index.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Home'", 'index1.png', 1) "> < img src =" index.png ' alt = 'Home' name = 'Home' width = "54" height = "16" border = "0" id = "Home" / > < /a >

    < /Center >

    < / div >

    < / div >

    < / div >

    < / div >

    < br / > < br / >

    < div class = "container" >

    < div class = "sidebar" >

    Menu < h4 > < / h4 > < hr / >

    < a href = "babies.html" class = "linkmain" > babies < /a > < br / > "

    < a href = "bibs.html" class = "linksecondary" > bibs < /a > < br / > "

    < a href = "blankets.html" class = "linksecondary" > covers < /a > < br / > "

    < a href = "rot - cloths.html" class = "linksecondary" > bibs < /a > < br / >

    < a href = "onesies.html" class = "linksecondary" > Bodies < /a > < br / > < br / > "

    < a href = "bathroom.html" class = "linkmain" > bathroom < /a > < br / > "

    < a href = ' WC - paper.html "class ="linksecondary"> paper toilet < /a > < br / >

    < a href = "soaps.html" class = "linksecondary" > SOAP < /a > < br / > < br / > "

    < a href = "hats.html" class = "linkmain" > hats < /a > < br / > "

    < a href = "womens - hats.html" class = "linksecondary" > hats women < /a > < br / >

    < a href = "baseball - caps.html" class = "linksecondary" > Baseball caps < /a > < br / > < br / >

    < a href = "kitchen.html" class = "linkmain" > kitchen < /a > < br / > "

    < a href = "aprons.html" class = "linksecondary" > aprons < /a > < br / > "

    < a href = "napkins.html" class = "linksecondary" > towels < /a > < br / > < br / > "

    < div class = "currentmain" > towels < / div >

    < a href = "golf.html' class ="linksecondary"> Golf < /a > < br / >"

    < a href = 'Cook - towels.html' class = "linksecondary" > kitchen < /a > < br / > < br / >

    < a href = "weddings.html" class = "linkmain" > weddings < /a > < br / > "

    < a href = "bottle - cozys.html" class = "linksecondary" > bottle comfortable < /a > < br / >

    < a href = "t-shirts.html" class = "linksecondary" > T-Shirts < /a > < br / >

    < a href = "lace - gloves.html" class = "linksecondary" > Lace Gloves < /a > < br / >

    < a href = "lace - hankies.html" class = "linksecondary" > handkerchiefs lace < /a > < / div >

    < div class = 'hand' >

    < div class = "productleft" >

    < center >

    < class figure 'cap-right' = >

    < img src = "img.png" alt ="" > "

    < figcaption > kitchen towel with apples embroidered. < / figcaption >

    < / figure >

    < /Center >

    < / div >

    < div class = "productright" >

    < center >

    < figure class = "heading on the right" > < a href = 'Cook - towels.html' > < img src = "kitchentowelsapplesthumb.jpg" alt ="" > < / a > "

    < figcaption > kitchen towel with apples embroidered. < / figcaption >

    < / figure >

    < /Center >

    < / div >

    < br class = "clearfloat" / > < br / > < br / > < br / >

    < / div >

    < div class = "ad" >

    < p > < /p > < br / >

    < / div >

    < / div >

    < / body >

    < / html >

    And style.css:

    @charset "utf-8";

    / * CSS document * /.

    HTML, body {}

    height: 1195px;

    margin: 0;

    padding: 0;

    background-color: #F0F0E3;

    background-repeat: no-repeat;

    }

    H4 {}

    color: #2FBBFF;

    }

    {.clearfloat}

    Clear: both;

    }

    / * Header * /.

    . Header {}

    height: 110px;

    background-image: url (bg.png);

    background-repeat: repeat-x;

    -webkit-box-shadow: 0px 10px 1px #1E1E1E;

    -moz-box-shadow: 0px 10px 1px #1E1E1E;

    -ms-box-shadow: 0px 10px 1px #1E1E1E;

    -o-box-shadow: 0px 10px 1px #1E1E1E;

    box-shadow: 0px 10px 1px #1E1E1E;

    }

    {.linkmain}

    color: #1E1E1E;

    text-decoration: underline;

    }

    {.linksecondary}

    color: #666;

    text-decoration: underline;

    }

    {.linkmain:hover}

    color: #2FBBFF;

    text-decoration: none;

    }

    {.linksecondary:hover}

    color: #8AD9FF;

    text-decoration: none;

    }

    {.currentmain}

    color: #2FBBFF;

    }

    {.currentsecondary}

    color: #8Ad9FF;

    }

    . Wrapper {}

    Width: 960px;

    margin: 0 auto;

    }

    .logo {}

    float: left;

    Width: 438px;

    margin: 34px 0 0 0;

    }

    . NAV {}

    float: right;

    Width: 510px;

    margin: 70px 0 0 0;

    }

    {.link1}

    Width: 25%;

    }

    {.link2}

    float: right;

    Width: 25%;

    }

    {.link3}

    float: right;

    Width: 25%;

    }

    {.link4}

    float: right;

    Width: 25%;

    }

    / * Container * /.

    . Container {}

    Width: 960px;

    margin: auto;

    margin-top: 10px;

    }

    / * Buffer * /.

    . Sidebar {}

    height: 738px;

    Width: 17.5%;

    float: left;

    text-align: right;

    background - image: URL (transparent1.png);

    }

    / * Main * /.

    .main {}

    height: 675px;

    Width: 624px;

    float: left;

    Padding: 0px 0px 0px 63px;

    background-color: #FBFBF7;

    }

    .title {}

    color: #1E1E1E;

    }

    {} .description

    color: #666;

    }

    . Row {}

    Width: 100%;

    }

    {.productleft}

    Width: 50%;

    float: left;

    }

    {.productright}

    Width: 50%;

    float: right;

    }

    Figure img {}

    Width: 300px;

    display: block;

    }

    Figure {}

    display: block;

    position: relative;

    float: left;

    overflow: hidden;

    margin: 0 20px 20px 0;

    }

    figcaption {}

    position: absolute;

    background: rgba (0,0,0,0.75);

    color: white;

    padding: 20px 10px;

    opacity: 0;

    -webkit-transition: all s 0.6 facilitated;

    -moz-transition: all s 0.6 facilitated;

    -ms-transition: all s 0.6 facilitated;

    -o - transition: all s 0.6 facilitated;

    transition: all s 0.6 facilitated;

    }

    Figure: hover {} figcaption

    opacity: 1;

    }

    Figure: before {}

    content: 'paper towel ';

    position: absolute;

    color: white;

    opacity: 0.75;

    -webkit-transition: all s 0.6 facilitated;

    -moz-transition: all s 0.6 facilitated;

    -ms-transition: all s 0.6 facilitated;

    -o - transition: all s 0.6 facilitated;

    transition: all s 0.6 facilitated;

    }

    Figure: hover: before {}

    opacity: 0;

    }

    .Cap-law: before {}

    Bottom: 10px;

    right: 10px;

    }

    figcaption .cap-right {}

    bottom: 0;

    right: 30%;

    }

    .Cap-right: hover {} figcaption

    right: 0;

    }

    / * Ad * /

    .ad {}

    Width: 144px;

    float: right;

    background-color: #FFF;

    }

    Hi John

    IE10 even if he plays "catch up" on some features he surpassed all other browsers when it comes to typography, see - http://blogs.msdn.com/b/ie/archive/2012/01/09/css-corner-using-the-whole-font.aspx

    hix77-

    You could get the same effect by using a transformation matrix of IE in IE8 and below, (but I would not recommend this). The other possibility is to use a transform of IE9 with the content property property (this property css insert text in the document) that way when you hover over the image that 'extra' text is inserted. But this is not a gradual slide in as the property of transition is needed for this.

    The other alternative is to use slide-in jQuery plugin.

    (I'll cause a disagreement now, then you have been warned!) -

    IE8 is now on a decline in its use for private users, so if you're not targeting companies or professional users, don't worry about this browser too. Also IE introduced an automatic upgrade of the browser in its system of regular updates, (auto updates) users not on XP will have the most recent version of Internet Explorer installed for their system, (currently in Australasia, other regions in the fall of this year).

    XP will be IE8, (using xp down at approximately 2% per month, currently 34 percent of the total, (Microsofts digits not mine)) Vista will be IE9, Windows 7/8 will be IE10, but illegal copies of windows are not these or other updates.

    PZ

  • new update of flash player 11 does not work with internet explorer 8

    I have Windows 7 and IE 8. It is a home desktop computer.

    When the last update of Flash Player 11.5.502.146 is automatically installed on January 9, IE8 has stopped working. I can browse a site, but then it just hangs. I can't click on a toolbar or other buttons or links - I can't even close IE - I have to use the Task Manager. If I disable Flashplayer, IE works fine, but then of course no content can be displayed. If I go to a site and then activate Flash Player, I can't click on anything again, so it does not work. Help. The most recent update does not work with IE8?

    This looks like a problem that might be addressed in our latest beta version of 11.6.  Could you try this updated version and let me know if this can help?

    http://labsdownload.Adobe.com/pub/labs/flashruntimes/flashplayer/flashplayer11-6_install_w in_ax.exe

  • CSS navigation does not work in Internet Explorer

    I used the information on this site, http://htmldog.com/articles/suckerfish/dropdowns/, to help me create navigation using css that would be compatible with IE but it doesn't seem to work, when I load in IE I get an 'error on page' and the drop down menu does not work. It seems to work fine in firefox. This is the http://whatcom-mrc.wsu.edu/mrc_base.htm page.

    Is this a problem with my css or javascript. Any help would be appreciated.

    I thought about it.

  • Buttons for the S60 menu light does not work

    Hi all

    On Lenovo S60 menu button illumination does not work. Is this normal and supposed to be like this, or it's some sort of bug?

    Thank you!

    S60 is not backlit on the recent button, home and back.

    Thank you.

  • Utility of fingerprint - OmniPass - does not work with Internet Explorer 7

    Password of the site Web OmniPass economy/autologin for Internet Explorer 7 beta 2 does not work properly (it seems that microsoft has changed the way their forms work for the filing of username and password etc.)

    OmniPass that slow loaded in the previous version it actually took about 30 seconds or more for the dialogue of fingerprints to the pop-up window when the connection, once I upgraded to v3.50.43 that it load in 10 seconds now, however, when I bought my laptop it allows to load immediately, now that I've installed programs It is slower (not a lot of programs).

    Now, I did complete the registry clean, spyware and virus scans, cleanings full, defrags etc...

    I tried to modify the registry key for OmniPass service - all with success. He still did not get faster.

    Anyone got any ideas?

    Hello

    The fact is that Internet Explorer 7 is not official on the market and Toshiba doesn't support any beta version. In this case if you are using versions of test on your laptop if you can do it at your own risk!
    I'm sure that if you use the IE6 and other applications from the CD of restoration of Toshiba, all should work properly.

  • Windows Update does not work, and internet explore is slow and crashes a lot

    OK, a few months ago, I'm doomed virut32 virus, and he did a number on my system.  I know everyone says just to restore but I have about 500 GB with a value of problem on this computer and want to really do not go through the time and hassle of reinstalling all the.  Is anyway that I can uninstall internet explore and reinstall, as well as difficulty of the update thing without having to do that.  I tried all the things that windows has segested to do so far. To uninstall IE 8 and fixing this cursed thing updated.

    Either way, I am running windows vista 32-bit

    I have some computer skills so if there is anyway to do let me know.

    Either way the virus is _ it took me three days of deteling the _ it was to get rid of it that's why I'm in this problem

    Thank you inadvance

    Hi cmaag,

    Thank you for using answers Forum.

    There is not a way to uninstall Internet Explorer 7 I know.
    Is there an error message that you can post on this forum?

    What happens when you try to update?

    I suggest to use the System File Checker to search for missing and corrupt files that can cause the problem.

    The tool File Checker system to determine if the problem you are experiencing is caused by one or more system files that are used by Windows Vista, run the System File Checker tool. The System File Checker tool analyzes the system files and replaces incorrect versions of system files by using the correct versions.

    To run the System File Checker tool, follow these steps:

    1. Click Start and type cmd in the box start the search .
    2. Right-click cmd in the programs list and then click run as administrator .

      If you are prompted for an administrator password or a confirmation, type your password or click continue

    3. At prompt command, the following line, and then press ENTER:
      sfc/scannow

    Please let us know if that helps.
    Chris
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

Maybe you are looking for