ボタンを作成するためにいくつかの div を作成しましたが、これらの div のいくつかは IE では表示されません。他のブラウザではこれは完璧に機能しましたが、IE ではそうではありませんでした。ブラウザのキャッシュを削除するだけで十分だという人もいます。これを実行しましたが、効果はありませんでした。何を間違えたのかわからない。次の 2 つの 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 を使用して送信されるフォームがあります。
2 番目の div には、ログイン、登録、またはパスワードを忘れた場合のページに移動するために使用されるいくつかのボタンが含まれています。これらの div にはいくつかの CSS があります。
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 内の最初のハイパーリンクのみが非表示になることです。他は見える。スタイル属性の表示を使用しようとしましたが、効果がありませんでした。何が間違っていたのかわかりません。推測はありますか?