Well the button looks okay in Firefox and Safari, work in progress.
IE does not seem to like the background shift.
http://heitzdesign.com/testButton.html
If there is an easy reason for this would like to know.
Anyone suggest a tutorial, would be great.
-
Thanks
Eric
IE has notorious problems with pseudo-classes attached to classes. If
you want to achieve this effect:
function emulateActive() {
var inputs = document.getElementsByTagName('input');
for(var i=0; i inputs.length; i++) {
var input = inputs[i];
if(input.className ==
Eric Heitz wrote:
Well the button looks okay in Firefox and Safari, work in progress.
IE does not seem to like the background shift.
http://heitzdesign.com/testButton.html
If there is an easy reason for this would like to know.
Anyone suggest a tutorial, would be great.
-
From: David Laakso da...@chelseacreekstudio.com:
Not sure what you mean unless are taking about IE/6.0?
If so, see:
http://www.twinhelix.com/css/iepngfix/
Eric's page uses the :active pseudo-class on an INPUT element. IE7 doesn't
support this. I'm not sure about IE8.
So, in IE7 at least,
On Wed, Jun 9, 2010 at 2:41 PM, Michael Geary m...@geary.com wrote:
Unfortunately, that script has multiple problems...
Ah, Gabriele, I'm sorry, I didn't mean to sound so negative. You were
definitely on the right track!
Just had a few things to fix up to turn your idea into a working
As long as we're at it, here is a *much* better version of the jQuery script
from my earlier message.
Instead of this:
script type=text/javascript
$(function() {
$('input.button')
.mousedown( function() {
$(this).addClass( 'buttonActive' );
})
On 6/9/10 11:14 AM, Eric Heitz wrote:
Well the button looks okay in Firefox and Safari, work in progress.
IE does not seem to like the background shift.
http://heitzdesign.com/testButton.html
If there is an easy reason for this would like to know. Anyone
suggest a tutorial, would be great.