semi-transparante achtergrond tekst?

[JvdBosch]

Ik ben hard bezig met het bouwen van mijn eigen website, wat al best aardig gaat. De meeste problemen heb ik mbv google kunnen oplossen maar een aantal nog niet. Misschien zit hier de kennis??
Ik heb een menu met tekst (zwart) maar wanneer de achtergrond veranderd is deze niet meer goed leesbaar. In Firefox kan ik een background meegeven (een .png bv) wat dit beter maakt. IE echter pikt dit niet en ook niet ander manieren waar het bij IE meestal wel werkt. Iemand een idee?? Zie de stylesheet:

.style1 {
....
background: url('images/back2.png') repeat;
* background: none;
* filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='images/back2.png', sizingMethod='scale');
op: -32px;

Dit werkt dus wel bij DIVjes, frames, ed, maar bij tekst niet..

Ook blijft er in Firefox een kader zichtbaar rondom het geselecteerde item in de table. Weet iemand hoe ik die uit krijg??

En last but not least: Ik heb het idee dat het met die semi-transparante achtergrond bij tekst niet gaat lukken in IE en heb als noodoplossing bedacht om dan maar de tekstkleur te veranderen via javascript. Alleen weet ik niet hoe ik dat voor elkaar moet krijgen. Moet toch simpel zijn lijkt me. Maar style1.color=#FF0000; bijvoorbeeld doet het niet.... Suggesties?

[André]

Gebruik gewoon een layer (div) als achtergrond met een lichtblauwe kleur waarvan de de opacity op 50% zet. En om een kleur van een element aan te passen gebruik je deze code:

code:

document.getElementById("id-van-element").style.color = "#FF0000";

[JvdBosch]

Ik heb een scriptje gevonden wat doet wat ik wil: een property uit de stylesheet veranderen. Alleen werkt hij niet buiten het frame volgend mij, want als ik een ander classname opgeef van elementen in een ander frame doet hij het niet. Maar het is een begin.

Ik zal jullie de code niet onthouden:

code:

// setStyleByClass: given an element type and a class selector,
// style property and value, apply the style.
// args:
//  t - type of tag to check for (e.g., SPAN)
//  c - class name
//  p - CSS property
//  v - value
var ie = (document.all) ? true : false;

function setStyleByClass(t,c,p,v){
    var elements;
    if(t == '*') {
        // '*' not supported by IE/Win 5.5 and below
        elements = (ie) ? document.all : document.getElementsByTagName('*');
    } else {
        elements = document.getElementsByTagName(t);
    }
    for(var i = 0; i < elements.length; i++){
        var node = elements.item(i);
        for(var j = 0; j < node.attributes.length; j++) {
            if(node.attributes.item(j).nodeName == 'class') {
                if(node.attributes.item(j).nodeValue == c) {
                    eval('node.style.' + p + " = '" +v + "'");
                }
            }
        }
    }
}

Weet iemand dan toevallig de code voor het disablen van het highlighten van het geselecteerde item in Firefox?