Cannot get a Table background image to work with FF

  • Resolved tcreary

    (@tcreary)


    11 years, 5 months 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’);” >
    <tr>
    <td class=”opacity”> entry </td>
    </tr>

    ..etc
    </table>

    The opacity class is defined on the same page as;
    <style type=”text/css”> td.opacity {
    opacity:.65;
    filter:alpha(opacity=65);
    }
    </style>

    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.

    -Trevor

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months 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?

    Thread Starter tcreary

    (@tcreary)

    11 years, 5 months ago

    Hi,

    Please view this webpage with IE and then FireFox;
    http://www.jaanc.org/?page_id=425
    The background tree image will be visible with IE but not FireFox.
    My Firefox version is 16.0.2.

    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months ago

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

    Then add opacity to the table instead.

    Thread Starter tcreary

    (@tcreary)

    11 years, 5 months ago

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cannot get a Table background image to work with FF’ is closed to new replies.