Results 1 to 7 of 7

Thread: [RESOLVED] PNG background-image url doesn't show in firefox

Threaded View

  1. Sep 5th, 2011, 08:49 PM #1
    tr333
    tr333 is offline

    Thread Starter
    Frenzied Member tr333's Avatar
    Join Date
    Nov 2004
    Location
    /dev/st0
    Posts
    1,605

    Resolved [RESOLVED] PNG background-image url doesn't show in firefox

    I can't get the blue background image to show in Firefox; it just shows the red border without the blue rectangle image inside it. It's showing correctly in Chrome/IE/Opera. Firefox has no problems showing the background image when I run from a local file (file://) but has problems when I view from Apache or IIS webserver. Can anyone explain what might be going wrong? There is also no problems when the background image url is switched to placehold.it png image.

    HTML Code:
    1. <!doctype html>

    2. <html>

    3. <head>

    4. <title>Test</title>

    5. <meta charset="utf-8"/>

    6. <style type="text/css">

    7. body > div {

    8.     /*background-image: url('http://placehold.it/800x150.png');*/

    9.     background-image: url('test-800x150.png');

    10.     background-repeat: no-repeat;

    11.     min-height:300px;

    12.     width: 1000px;

    13.     border: 1px solid red;

    14. }

    15. </style>

    16. </head>

    17. <body>

    18. <div>

    19.     test

    20. </div>

    21. </body>

    22. </html>
    Attached Images Attached Images  
    CSS layout comes in to the 21st century with flexbox!
    Just another Perl hacker,
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width