2 svar · 345 visningar · startad av Mattias Nordin
Har börjat att göra en ny layout på min websida. Ville använda PNG som bildformat för att labba med opacitet och bakgrundsbilder. Tidigare har jag använt gif bilder och har använt en metod för att få till en dynamisk skuggning i höjdled...
<td width="46" valign="top" background="/_design/pic_right_background_dynamic.GIF"><img border="0" style="border:1px solid red" src="/_design/pic_right_background.GIF"></td>
... problemet med PNG bilderna är att de är genomskinliga mot flera lager av bilder. Skuggeffekten blir alltså dubbel när bakgrundsbilden i tabellen har samma skugga som bilden som ligger ovanpå den.
Just nu (klockn 18:30) ser det ut så här:
http://mattiasnordin.net/web08/
Den röda ramen markerar bilden som ligger i cellen, notera att den är mörkare skuggad än alla andra skuggor.
Då till min fråga. Går det att lägga två bakgrundsbilder brevid varandra med CSS eller liknande?
Bakgrund A ska vara som en vanlig bild och bakgrund B ska loopa som en klassisk bakgrundsbild. :q
<td height="500">
Bakgrund A
Bakgrund B
Bakgrund B
Bakgrund B
Bakgrund B
Bakgrund B
</td>
ta bort skuggan ifrån http://mattiasnordin.net/web08//_design/pic_right_background.png .. du behöver ju inte rendera ut skuggan igen då du gör det redan med din bakgrund. (Kom dock ihåg att PNG inte är så snyggt utan "hack" i IE6.
Du kan lägga in en div med en bakgrund om du vill. kan kanske vara att rekomendera då om personer skriver ut sajten skulle skriva ut din <img> taggar också.
Ahhh... smart. Det tänkte jag inte på. Så enkelt. Tyvärr så verkar min webserver gått ner för dagen så jag kan inte testa det ännu, men det låter ju självklart.
Jag som var inne på att bygga om det hela med en mycket krångligare lösning. Tur att servern slutade att svara på tilltal.
Att det inte fungerar med IE6 gör mig inte så mycket. Det är enbart en experimentsajt så den innehåller inte något budskap.
Tack för hjälpen herr moderator :) :) :)
Grrr... vpn verktyget fungerar inte i Vista. Kan inte boota om servern Grrr..
