我工作的新闻源和我有同款式的每个职位while循环,但后来我创建了一个提交按钮上悬停不工作
<input type="submit" name="deletePost" value="Delete" class="delete_post" />
,并与它的造型不工作...以及造型的作品,但:hover
不起作用。也不是:active
和其他。很奇怪。
CSS
.image_post .user_avatar {
width:32px;
height:32px;
overflow:hidden;
border-radius:50%;
}
.image_post .user_avatar img {
width:32px;
min-height:32px;
}
.image_post .user_name {
margin-top:7px;
color:#fc0096;
margin-left:-5px;
}
.image_post .timeago {
color:#999;
font-size:10px;
position:absolute;
top:10px;
right:10px;
}
.image_post img {
width:100%;
border:1px solid #ccc;
}
.image_description {
width:100%;
padding-bottom:8px;
background:white;
text-align:left;
color:#000;
margin-top:-10px;
}
.image_post input[type="submit"] {
border:0;
position:absolute;
top:30px;
right:10px;
background:black;
padding:0;
margin:6px 0 0 0;
color:#fff;
font-size:9px;
text-decoration:underline;
z-index:999;
}
.image_post input[type="submit"]:hover {
cursor:pointer !important;
}
HTML PHP内WHILE LOOP
<div class="image_post">
<input type="submit" name="deletePost" value="Delete" class="delete_post" />
<div class="user_avatar">
<img src="avatars/'.$pica['username'].'.jpeg" />
</div>
<div class="user_name">'.$pica['username'].'</div>
<br>
<br>
<br>
<br>
<div class="timeago">'.$diff.'</div>
<div class="image_description">'.$pica['description'].'</div>
<img src="upload/'.$pica['name'].'" />
<div class="clear"></div>
</div>
我真的不明白为什么:hover
不工作。它确实需要正常的样式,但是:hover
,:active
等不起作用。我正在努力解决这个问题,这真的很奇怪,因为我每天都会做html/css 2年。我尝试了很多可能的解决方案,但可悲的是......他们失败了。即使在pencode/jsfiddle中,它也会失败,光标:指针;/
为我工作:http://jsbin.com/jipadowo/1/edit - 也许你在你的代码的某处覆盖你的css风格 – aldanux
也做了一个快速测试,它的工作原理。悬停时只有光标指针,对吗? – Andi
按照您的预期工作。看到这里 - > http://jsfiddle.net/MGPB4/ –