Hi,

I'm writing a web application that uses Prototype and Scriptaculous, and I have some javascript code that displays a div when the user hits a certain key. My div is defined like so:

<div id="some_id" style="display:none;">
... stuff ...
</div>

And the css is:

#some_id {
        position: fixed;
        text-align: left;
        background-color: #f0f0ff;
        width: auto;
        height: 25em;
        border: 2px solid blue;
        padding: 10px;
        left: 10px;
        top: 30px;
        overflow: auto;
}

the Javascript is basically an OnKeyEvent routine that does:

    if(key=="w") Effect.toggle('some_id', 'appear');

On Safari Version 2.0.4 (419.3) the div appears almost completely transparent so you can't read the text because it mixes with the text behind.

While on FireFox 1.5.0.4 the div is opaque so it's fine.

Any ideas about what could be going on? I've googled for a while but haven't had much luck...

I'm using the latest scriptaculous.

Thanks,

-Oscar

--
pgp fingerprint: BC64 2E7A CAEF 39E1 9544  80CA F7D5 784D FB46 16C1

_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

Reply via email to