2016-05-31 2 views
0

div.style="visibility:hidden;이 작동하지 않습니다. 내가 숨겨 지도록 설정해도 여전히 볼 수 있습니다.HTML .style visibility : hidden이 작동하지 않습니다.

내 웹 사이트 : 오른쪽 아래에서 http://iogames.ga

이, 내부 층 버튼, 채팅을 숨기기위한 것입니다 "채팅"채팅을 여는 외부 층에있는 버튼 동안. 기본적으로 외부 레이어는 숨겨져 있어야합니다.

div id="chatdiv2" style="background-color:#003333; padding:5; 
height:18; font-size:16px; color:#CCCCCC; visibility:hidden"; 

그러나 외부 레이어가 기본적으로 나타나는 이유는 알 수 없습니다.

어떻게해야합니까?

+0

'visibility : hidden' 대신'display : none'을 시도해 보셨습니까? –

+0

표시 여부를 전환하는 메커니즘은 무엇입니까? 이상적으로는 모든 스타일을 별도의 스타일 시트에 넣어야합니다. 인라인 스타일링은 변덕스럽고 유지하기 어렵습니다. –

+0

@R. Amone 그래, 나는 노력했다, 그것은 아직도 작동하지 않는다. – leonylyner

답변

1

디스플레이 사용 : 없음; 가시성을 설정하는 대신 또한, 현재 가시성을 보이고 있습니다 : chatdiv2에서 볼 수 있습니다. 이 전체 코드 인 경우

+0

가시성을 표시한다는 것은 무엇을 의미합니까 : chatdiv2에서 볼 수 있습니까? 스타일 = "배경색 : # 003333; 채우기 : 5; 높이 : 18; 글꼴 크기 : 16px; 색상 : #CCCCCC; 가시성 : 숨김" – leonylyner

+0

가시성을 표시 중입니다. 경위에. 어쨌든, 왜 display : none을 쓰지 않으시겠습니까? – Gulmohr

+0

나는 아직도 노력하지 않았다. :/ – leonylyner

0

div id="chatdiv2" style="background-color:#003333; padding:5; height:18; font-size:16px; color:#CCCCCC; visibility:hidden";

, 그것은 잘못된 구문입니다. <div ...> 을 그리고 닫는 <div> 태그가 있어야한다 : ;는 스타일 따옴표 안에 있어야한다 <div ...></div> 그리고 세미콜론 :
<div ... style="...";></div> <!--The wrong method-->
이 예와 같은 사업부의 앞에 <과 이후를이 있어야 <div ... style="...;"></div> <!--The right method-->

도움이 더 필요하시면 기꺼이 도와 드리겠습니다.

관련 문제