WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. tcreary
    Member
    Posted 1 year 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

  2. Andrew
    Forum Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

    Then add opacity to the table instead.

  5. tcreary
    Member
    Posted 1 year 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