Скрытие DIV не работает должным образом в Opera - PullRequest
Новая
       9

Скрытие DIV не работает должным образом в Opera

2 голосов
/ 05 ноября 2008

Мой код прекрасно работает в IE8, Firefox и Safari. Но это не работает должным образом в Опере. Что происходит, так это то, что DIV скрыт, но место, занимаемое DIV, остается на моей веб-странице. 

<div  style=" z-index:-1;height :380; width:760; position:relative; text-align:center" id="new-add">
    <object id="banner-flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" 
        width="769" height="382" top="0"> 
    <param name="movie"  value="exp.swf" /> 
    <param name="quality" value="high" /> 
    <param name="bgcolor" value="#ffffff" /> 
    <param name="wmode" value="transparent" />
    <embed src="exp.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="780" height="382"
 name="mymoviename" align="" type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer"> 
    </embed> 
    </object> 
</div>

<div  id="fechar-link" style=" font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; 
    font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; 
    font-stretch: normal; text-decoration: none; text-align:center" >
    <a href="#" onclick="
        document.getElementById('new-add').style.height =0;
        document.getElementById('banner-flash').style.height =0;
        document.getElementById('fechar-link').style.height  = 0;

        document.getElementById('new-add').style.visibility ='hidden';
        document.getElementById('banner-flash').style.visibility ='hidden';
        document.getElementById('fechar-link').style.visibility ='hidden';  "  >Close</a>
        </div>

Что мне нужно сделать, чтобы пространство, занимаемое DIV, исчезло?

Спасибо

Ответы [ 2 ]

8 голосов
/ 05 ноября 2008

Вы можете попробовать свойство style.display:

Скрыть

document.getElementById ('YourElem'). Style.display = 'none';

Показать

document.getElementById ('YourElem'). Style.display = '';

РЕДАКТИРОВАТЬ: Взял комментарий PorneL в акцент в этом ответе

0 голосов
/ 05 ноября 2008

Я не знаю, решит ли это вашу проблему, но вы можете попробовать использовать: 

document.getElementById("xxx").display = "none";

вместо 

document.getElementById("xxx").style.visibility = "hidden";
...