我试图让鼠标悬停时改变图像.这段代码适用于IE,但不适用于其他浏览器,如chrome,opera,safari等.任何想法?
<a href="#" onmouseover="document.myimage1.src='img/login_button_22.jpg';"
onmouseout="document.myimage1.src='img/login_button_11.jpg';">
<img src="img/login_button_11.jpg" name="myimage1" /> </a>
Run Code Online (Sandbox Code Playgroud) 我有2个字段集:
<fieldset> first fildset </fieldset>
<fieldset> second fieldset </fieldset>
Run Code Online (Sandbox Code Playgroud)
我怎么能把它们放在同一条线上?
我有以下灯箱,其中包括一个表格.一切正常.我唯一的问题是当灯箱处于活动状态时如何使html页面停止滚动.
<a href = "javascript:void(0)" onclick="
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'">
<img src="img/add.jpg"/></a></p>
<div id="light" class="white_content">
<input name="degree_1" type="text" size="73"
value="<?php echo $user_data_profile_education['degree_1'];?>"/>
</br></br>
Grade</br>
<input name="grade_1" type="text" size="73"
value="<?php echo $user_data_profile_education['grade_1'];?>"/>
<a href = "javascript:void(0)" onclick="
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'">
</br><img src="img/done_editing.jpg"/> </a></div>
<div id="fade" class="black_overlay"></div>
Run Code Online (Sandbox Code Playgroud)
这是我的css:
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 220%;
background-color: grey;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 45%;
left: 30%;
width: 32%;
height: …
Run Code Online (Sandbox Code Playgroud)