VPF::Траблы с прозрачностью - Форум программистов

kaa

Дата 18.6.2006, 02:04 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2

В общем написал выпадающую менюшку, сам код работает, но сквозь неё просвечивает текст находящийся на "нижнем слое"

Код



<html>
<head>
</head>

<script language="javascript">
    setInterval("fUpdate()",5000);
    function fUpdate()
    {
        var parent_window = window.parent;
        var message_node = parent_window.frame5.document.getElementById("GlobalMessage");
        var message_text = message_node.firstChild.nodeValue;
        
    }
    
    function DefaultSetup()
    {
                var el = document.getElementById("menu");
        for(var i=0; i<=el.childNodes.length-1; i++ )
        {
            for(var c=0; c<=el.childNodes[i].childNodes.length-1; c++)
            {
                if(el.childNodes[i].childNodes[c].hasChildNodes())
                {
                    el.childNodes[i].childNodes[c].style.display = "none";
                }
            }
        }
            
    }
    
    function S_H_Panel(id)
    {
        var panel = document.getElementById(id);
        if(panel.style.display=="none")
        {
            panel.style.display = "block";    
        }
        else
        {
            panel.style.display = "none"
        }
    }
    
</script>

<body onload="DefaultSetup()" style="padding:0; margin:0;" bgcolor="#63DCAE">
    <div style="position:relative; width:100%; height:5%; top:0%; left:0; hight:5%; padding:0; margin:0; background-color:#AA0000;" id="menu">
        <div style="position:absolute; width:20%; left:40%; background-color:#AAF6F2; margin:0; padding:0; text-align:center; z-index:1" onclick="S_H_Panel('service_panel')">
        Сервис
            <table id="service_panel">
            <tbody>
                <tr>
                    <td valign="top">
                        <table id="inTable1">
                        <tbody>
                            <tr>
                                <td>
                                  1
                                </td>
                            </tr>
                            <tr>
                                <td>
                                  2
                                </td>
                            </tr>
                        </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
            </table>
        </div>
    </div>
    <div style="position:relative; width:100%">
    <p>hgjhgjghjkjhgkjhgkjhgkjhgjhgjhgjhgkjhgkjhgjhg</p>
    </div>
</body>
</html>

Как от этого избавиться? smile

smartov

Дата 18.6.2006, 12:33 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

kaa, ты не там z-index поставил.

У тебя

Цитата

<div style="position:......lor:#AA0000;" id="menu">
<div style="po......-align:center; z-index:1" onclick="S_H_Panel('service_panel').....

Надо

Цитата

<div style="position:......lor:#AA0000; z-index:1" id="menu">
<div style="po......-align:center; " onclick="S_H_Panel('service_panel')....

Это сообщение отредактировал(а) smartov - 18.6.2006, 12:35

kaa

Дата 18.6.2006, 15:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2

smartov, Спасибо, заработало! smile

Это сообщение отредактировал(а) kaa - 18.6.2006, 15:40

smartov

Дата 19.6.2006, 12:05 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Цитата(kaa @ 18.6.2006, 14:40

)

Спасибо,

Не булькает smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »