Javascript div顶部的空白 #我的对话{ 宽度:19%; 高度:170px; -moz边界半径:10px; -webkit边界半径:10px; 边界半径:10px; } #赫卡勒特{ 宽度:100%; 高度:30px; 背景:moz线性梯度(顶部,rgba(99182219,1)29%,rgba(48157207,1)52%); -moz边界半径:10px; -webkit边界半径:10px; 边界半径:10px; } 函数myinf(that) { 如果(该值>15){ document.getElementById(“myDialog”).style.borderColor=“#6EB6D5”; document.getElementById(“myDialog”).style.borderWidth=“0.1px”; document.getElementById(“myDialog”).style.borderStyle=“solid”; document.getElementById(“myDialog”).style.display='block'; } } 一般警报:
当运行上述html时,它会显示一个警报。如果我们在文本框中输入一个大于15的值,它可以正常工作,但警报顶部有空白。如何删除它?添加Javascript div顶部的空白 #我的对话{ 宽度:19%; 高度:170px; -moz边界半径:10px; -webkit边界半径:10px; 边界半径:10px; } #赫卡勒特{ 宽度:100%; 高度:30px; 背景:moz线性梯度(顶部,rgba(99182219,1)29%,rgba(48157207,1)52%); -moz边界半径:10px; -webkit边界半径:10px; 边界半径:10px; } 函数myinf(that) { 如果(该值>15){ document.getElementById(“myDialog”).style.borderColor=“#6EB6D5”; document.getElementById(“myDialog”).style.borderWidth=“0.1px”; document.getElementById(“myDialog”).style.borderStyle=“solid”; document.getElementById(“myDialog”).style.display='block'; } } 一般警报:,javascript,css,Javascript,Css,当运行上述html时,它会显示一个警报。如果我们在文本框中输入一个大于15的值,它可以正常工作,但警报顶部有空白。如何删除它?添加页边距顶部:0px到您的#hqalert样式。添加边距顶部:0px到您的#hqalert风格 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jqu
页边距顶部:0px代码>到您的#hqalert样式。添加边距顶部:0px代码>到您的#hqalert风格
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<style type="text/css">
#myDialog{
width:19%;
height:170px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#hqalert{
width:100%;
height:30px;
background: -moz-linear-gradient(top, rgba(99,182,219,1) 29%, rgba(48,157,207,1) 52%);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
</style>
<script type='text/javascript'>
function myinf(that)
{
if(that.value>15){
document.getElementById("myDialog").style.borderColor="#6EB6D5";
document.getElementById("myDialog").style.borderWidth="0.1px";
document.getElementById("myDialog").style.borderStyle="solid";
document.getElementById("myDialog").style.display='block';
}
}
</script>
</head>
<body>
<input type="text" onblur="myinf(this)" value="12" id="smps"/>
<input type="button" id="one"/>
<div id="myDialog" style="display:none;" ><p id="hqalert">General Alert:</p></div>
</body>
</html>