Nadaje atrybut NAME x divom w menu. Dodaję style:
div[name="menu"] {
background-image: url(images/tlo_menu.png);
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
width: 100%;
height: 100%;
}
Każda opcja menu ma być półprzezroczysta. W FF działą to połowicznie, w IE w ogóle. Co do IE zdaję sobie sprawę z tego, że chodzi o div[name="menu"]. W jaki sposób wyglądałby style dla IE oraz FF, który dodawałby style do divów o name="menu"?
W FF jest natomiast problem z tekstem w DIV, który jest również półprzezroczysty. Czy istnieje możliwość ograniczenia dziedziczenia styli?
Ewentualnie w jaki sposób to rozwiązać. Tłem nie może być PNG półprzezroczysty. Potrzebuję filtrów. Wpadłem na pomysł, by wstawić diva z tłem, za nim kolejnego diva i za pomocą JS pobierać położenie poprzedniego diva (nie jest ono stałe w zależności od ilości opcji w menu) i umieszczać w tym miejscu tego drugiego ze stylem absolute. Jeśli jest to możliwe to w jaki sposób za pomocą JS pobrać atrybuty left top poprzedzającego diva?