TIFF format not working with CSS

Question

The image (logo.tiff) will not display when defined in the CSS file and called in the Index file.

However, when I save it in another format, such as gif or jpeg, it works just fine. Is there a reason or a workaround for this?

Thanks guys.

CSS file:

.logo{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/logo.tiff) no-repeat;
    width:218px;
    height:103px;
}

Index.html file:

<h1 class="logo"><a href="#">Our Slogan Here</a></h1>

[http://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser](http://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser) — scessor, Sep 29 '11 at 19:28

score 5 · Answer 1 · answered Sep 29 '11 at 19:09

5

TIF files re not supported in Web Browsers

answered Sep 29 '11 at 19:09

AlexC

9,657
17
64
98

Jeez, I had no idea =/ Haha, there you go. Sorry about the question then! – Ryan Ward Valverde Sep 29 '11 at 19:10
PNG or JPEG are pretty much your only options (PNG generally replaces GIF). – ThatMatthew Sep 29 '11 at 19:36

TIFF format not working with CSS

1 Answers1