Comments for Here's One Solution

Comment on An outline of the development process and the people involved by Theodora Kupper

Theodora Kupper — Sat, 28 Jan 2012 08:38:22 +0000

Hello

Comment on HTML5 elements inside block level links cause styling issues in FF 3.6 by kamui57

kamui57 — Thu, 05 Jan 2012 19:44:04 +0000

Have you found a solution ? Or detected ff3.6 somehow for a css style only for it ?

Comment on Using a CSS gradient and a background image on the same element by Luke Mclean

Luke Mclean — Fri, 16 Dec 2011 12:46:29 +0000

This is a great article, thank you very much. Done a bit of tinkering with this myself and got this to work in ie8 like so.

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ed0000′, endColorstr=’#ba0101′,GradientType=0 ),
progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=’./?a=406091′); /* IE6-9 */

hope this helps.

thanks

Comment on Using a CSS gradient and a background image on the same element by emprear

emprear — Thu, 08 Dec 2011 23:01:41 +0000

hi David, simply don’y work for me, my code

G + B

.example1 {
width: 300px;
height: 225px;
background-image: url(ping.png);
}
.example2 {
width: 300px;
height: 225px;
background-image: -moz-linear-gradient(top, red, yellow);
background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
}
.example3 {
width: 300px;
height: 225px;
background-image: url(ping.png), -moz-linear-gradient(top, red, yellow);
background-image: url(ping.png), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
}
.example4 {
/* use shorthand */
width: 300px;
height: 225px;
background: url(ping.png), -moz-linear-gradient(top, red, yellow);
background: url(ping.png), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
}

Show background-image

Show Gradient

Show only background-image

whtas wrong? tested in Firefox 8/Safari5 (win7) and Chrome 15
any idea
thanks

Comment on Animations on iPad using Zepto.js by Jeff Jenkins

Jeff Jenkins — Wed, 09 Nov 2011 23:18:36 +0000

Love to see a demo.

Comment on Setting RGBa backgrounds using inline CSS by David

David — Thu, 20 Oct 2011 16:12:57 +0000

We didn’t want to have to include another resource, and it would be a bit overkill just for one CSS property.

Modernizr does something similar to my initial JS approach. I just looked and they use el.style.cssText to set it though, which must be how they avoid the JS error.

Comment on Setting RGBa backgrounds using inline CSS by Martin

Martin — Thu, 20 Oct 2011 15:55:35 +0000

Couldn’t you use modernizr to detect support for rgba?

Comment on Using a CSS gradient and a background image on the same element by David

David — Thu, 04 Aug 2011 23:38:29 +0000

Hi Jared. When you add “no-repeat” to the rule you are switching from using “background-image” to using the “background” shorthand syntax. “no-repeat” is a value for the “background-repeat” rule.

If you swap “background-image” for just “background” everything should work fine.

Comment on Using a CSS gradient and a background image on the same element by Jared Polivka

Jared Polivka — Thu, 04 Aug 2011 20:42:31 +0000

First off, awesome article. I didn’t realize this was possible and I’ve often wrapped elements in an extra div to pull of the effect but this way is much cleaner.

However, I’m having a bit of trouble getting this fix to work. Whenever I specify no-repeat it stops working (no back ground image and no gradient). If I leave out no-repeat the gradient pulls in but then I have tons of repeating arrows within my element.

Below is my code. Any ideas on where I’m screwing it up? Thanks again for the post David.

background-image: url(../images/arrow_toggle.png) no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.43, rgb(201,201,201)), color-stop(0.72, rgb(219,219,219)));

Comment on A Solarized theme for Aptana in Eclipse by Rune Kaagaard

Rune Kaagaard — Tue, 21 Jun 2011 07:12:47 +0000

Yes the one from solarized.zip works perfectly. Thanks David Owens!