- From: Ph. Wittenbergh <jk7r-obt@asahi-net.or.jp>
- Date: Mon, 9 Nov 2009 15:36:49 +0900
- To: www-style List <www-style@w3.org>
- Cc: Andrew Fedoniouk <news@terrainformatica.com>
On Nov 9, 2009, at 3:24 PM, Andrew Fedoniouk wrote: > Ph. Wittenbergh wrote: >> On Nov 9, 2009, at 1:29 PM, Andrew Fedoniouk wrote: >>> background: linear-gradient(magenta yellow), url(...) >>> >>> has no visual effect but will force image to be downloaded. >>> Image at url(...) will be covered by linear gradient in full. >> background: linear-gradient(rgba(255,0,0,0.5), rgba(10,10,10,.25)), >> url(image.png); > > Why not > > background: url(image-with-that-gradient-on-top.png); > > ? > > This trick almost always requires knowledge about that > image on your side so why not just to produce that image > upfront? Because the image is a small repeating thing (a pattern for example) and I've no idea how much content will go in the box ? http://dev.l-c-n.com/CSS3_border-background/gradient3.html (requires a recent Minefield build, didn't try to write the code for WebKit) Philippe --- Philippe Wittenbergh http://l-c-n.com/
Received on Monday, 9 November 2009 06:37:27 UTC