CSS: use "background" shorthand property

It's more compact and works just as well.  In fact, I think it might
work better on browsers that support background-image but not
background-size.  On such browsers the entire rule will be ignored,
which is what I want.  If the background image can't appear at
precisely the correct size, it shouldn't appear at all.

Of course, ideally on a browser that fails to display the background,
the title also wouldn't fade out to the left.  I wonder if there's a
sensible way to achieve that.
This commit is contained in:
Ben Harris 2024-10-04 00:06:49 +01:00
parent 51f37a4975
commit d23a7c9b5c

View File

@ -32,9 +32,7 @@ h1 {
margin-top: 0;
margin-bottom: -0.2em;
line-height: 1.2em;
background-image: url(titlebg.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background: url(titlebg.jpg) 0% 0% / auto 100% no-repeat;
}
.fade {