[resolved] Cannot get a Table background image to work with FF (5 posts)

  1. tcreary
    Posted 3 years ago #

    A table background image displays correctly with IE but not with FireFox.
    Here is my table definition;

    <table style="background-position: center 50%; border-width: 0px; empty-cells: hide; background-repeat: no-repeat; background-image:url('/images/events/2012/tree3.jpg');" >
    <td class="opacity"> entry </td>


    The opacity class is defined on the same page as;
    <style type="text/css"> td.opacity {

    I have the visual editor turned off. Only the code text box is active. Any ideas what is going on? I see a lot of discussion on searches of this topic but nothing is working for me. Any help would be much appreciated.


  2. Andrew
    Bawk bawk moderator
    Posted 3 years ago #

    It's difficult for forum volunteers to envisage the issue. May you post a screenshot to imagery of it?

    Which version of Firefox are you using?

  3. tcreary
    Posted 3 years ago #


    Please view this webpage with IE and then FireFox;
    The background tree image will be visible with IE but not FireFox.
    My Firefox version is 16.0.2.


  4. Andrew
    Bawk bawk moderator
    Posted 3 years ago #

    Try applying that tree background image to the <div> containing the table.

    Then add opacity to the table instead.

  5. tcreary
    Posted 3 years ago #

    Fantastic! That works. The tree image is now visible in both browsers. Thanks a bunch.

Topic Closed

This topic has been closed to new replies.

About this Topic