2013-10-18 6 views
1

일부 div는 버튼을 만들지 만 일부 div는 IE에서 보이지 않습니다. 다른 브라우저에서는 이것이 IE에서 제대로 작동하지 않았습니다. 어떤 사람들은 브라우저 캐시를 삭제하는 것만으로 충분하다고 말했습니다. 나는 이것을했지만 효과가 없었다. 내가 뭘 잘못했는지 모르겠다. 그것은이 두 사업부의의에 관한 것입니다 :IE에서 보이지 않는 div

<div id="searchButtons"> 
     <!--Inside are the buttons, which are div's that are clickable using a hyperlink--> 
     <a href="#" onclick="javascript:document.getElementById('SearchForm').submit();"><div id="searchButton" class="searchButton" style="width:70;"> 
      Search 
     </div></a> 
     <a href="#" onclick="javascript:document.getElementById('SearchForm').reset();"><div id="resetButton" class="searchButton" style="width:70; left:70;"> 
      Reset 
     </div></a> 
    </div> 

    <div id="loginButtons"> 
     <a href="#" onclick="CheckLoginData(2)"><div id="LoginButton" class="loginButton" style="width:60;"> 
     <!--CheckLoginData(2) is a function, which checks if al inputs are entered, the parameter (2) has to do with the tabs I made in another part of this file--> 
      Login 
     </div></a> 
     <a href="Register.php"><div id="Register" class="loginButton" style="left:60; width:70;"> 
      Register 
     </div></a><br/> 
     <a href="ForgotPassword.php" target="_blank">Forgot password</a> 
    </div> 

첫 번째 DIV 전에,이 사업부를 사용하여 제출하는 형태가있다.

두 번째 div에는 로그인하거나 등록하거나 암호 페이지를 잊어 버리는 데 사용되는 일부 버튼이 있습니다.

div.loginButton,div.searchButton{ 
position:absolute; 
color:blue; 
background-color:FFFF99; 
height:20; 
transition:background-color 0.2s; 
-webkit-transition:background-color 0.2s,transform 0.2s; 
} 
div.loginButton:hover,div.searchButton:hover{ 
position:absolute; 
background-color:CCCC7A; 
height:20; 
transition:background-color 0.2s; 
-webkit-transition:background-color 0.2s,transform 0.2s; 
} 
#loginButtons,#searchButtons{ 
position:absolute; 
top:130; 
height:25; 
left:20; 
width:140; 
} 

이상한 부분은 각 사업부 내 첫 번째 하이퍼 링크는 보이지 않는 것입니다 : 이 DIV 년대는 일부 CSS를 가지고있다. 다른 것들은 보입니다. 스타일 속성 표시를 사용하려고했지만 효과가 없습니다. 나는 내가 뭘 잘못했는지 전혀 모른다. 어떤 즙이 있습니까?

+0

당신은 무엇을보고 계십니까? – Nitesh

+0

저는 완전히 확신하지는 않지만 IE 7 이하입니다. –

+0

IE9에서 잘 작동합니다. – Nitesh

답변

3

코드를 빈 페이지에 직접 삽입하면 링크가 절대 위치 지정으로 인해 서로 위에 놓입니다. 절대 위치를 제거하면 모든 링크가 표시됩니다.

+0

동일한 문제가 발생하기 때문에이 두 div를 함께 정리합니다. 전체 웹 사이트에서 두 사업부는 서로 다른 위치에 있습니다. 그게 니가 말하는거야 ... 내가 틀렸다면 미안해. –

+0

죄송합니다 ... 나는 틀 렸습니다. 둘 다 눈에 띄는 것이 좋지만, 서로 아래에있는 대신에 서로를 옆에 놓을 수있는 방법이 있습니까? –

+0

플로트를 두 div에 남겨서 필요한 결과를 얻을 수 있습니까? –

관련 문제