Javascript 如何显示填充了特定颜色或图像的类的前景？

假设我有以下代码：

 <a class="admin" href="do_with_logo.php">


 <div class="logo">
 <img src="uploads/<?php echo $item ?>"  >
 </div> <!-- end of class logo-->


 </a> <!-- end of class admin>-->

当我将鼠标悬停在“admin”类上时，我希望该类的整个区域显示为红色。这就是“admin”类中存在的内容，将鼠标悬停在该类上会使其显著显示为红色。如果后面的内容看起来模糊或不可见，则没有问题

我需要它给管理面板的能力，鼠标悬停在主页上，看看他们可以改变哪些部分与动态输入，即区域显示红色可以带他们到动态输入页面上的相应区域鼠标点击

提前谢谢 艾哈迈德酒店 孟加拉国

$('.admin').hover(function(){
  $(this).attr('style', 'background-color:red');
});

---

这应该可以解决问题。

听起来你想用纯色填充盒子，隐藏里面的元素（同时保持尺寸一致）。我参加了以下活动（在线）

a、 管理员{
显示：内联块；
填充物：5px10px；
背景色：#f1f1；
}
a、 管理员：悬停{
背景色：#a52401；
}
a、 管理员：悬停范围{
可见性：隐藏；
}

---

您会注意到，我正在使用

内联块

声明设置

a

的样式，并删除内部

div

元素。另外，当我悬停链接时，我们将直接子元素的可见性（本例中为

span

）设置为

hidden

。所有子元素都应该在

span

中，因此当您将鼠标移到链接上时，所有子元素都将被隐藏。

CSS中的前景色只影响文本，如此处所定义：-如果您希望在元素中添加某种覆盖，则必须为此创建一个专用的标记元素，如图像

假设您的div或p带有包含交互元素的类admin：

<div class="admin">
    <img class="overlay" src="some/path/overlay.png" alt="">
    <a class="admin_link" href="do_with_logo.php">Do sth.</a>
</div>

否则将隐藏图像：

div.admin .overlay {display:none;}

图像还应延伸到父div的整个宽度+高度

div.admin .overlay {width:100%;height:100%}

---

希望这有帮助

我应该怎么写，在哪里写？由。我错误地从这页上删除了一个答案。我怎么才能找回它，有人能告诉我plz吗？logo课程在哪里？请注意，我希望在div周围有一个link（）。@sof_user:anchor标记只能包含内联元素，因此内部缺少div。请参见：否，重叠图像以其原始尺寸显示。如果我在admin类中编写'logo'类，logo图像会显示两次。解决方案plz…假设，我想添加一个透明的叠加图像，有什么建议吗？我找不到任何这样的图像。@sof_用户：关于双重徽标：在没有看到实际代码的情况下，我真的不能对此说些什么。关于透明图像：打开GIMP，创建新图像或将现有图像用作新层。然后返回图层不透明度的控制元素，并将图像保存为PNG，包括alpha-transparency。我应该用我的“logo”类替换你的“span”吗？@sof_user你不需要。只要把你所有的东西放在一个span元素中，你就可以按原样使用我的CSS：

例如。假设我不显示红色，而是想添加一个透明图像，让内容显示模糊，有什么建议吗？@sof_user你将无法模糊内容-HTML/CSS目前还不能做到这一点。您可能可以通过放置阴影来实现一些接近的效果，但是跨多个浏览器的支持将有点粗略。

div.admin .overlay {display:none;}

div.admin .overlay {width:100%;height:100%}