文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS或Jquery如何将图片定位在安莉元素的中间？

问CSS或Jquery如何将图片定位在安莉元素的中间？
EN

Stack Overflow用户

提问于 2011-10-05 04:42:07

回答 1查看 363关注 0票数 2

我正在尝试定位背景图像，使其在悬停时看起来像这样：

以下是我想要实现的示例：

我有这个greenbox(.png)作为图像。我想把它放在门店的正中间。

我的HTMl：

<div id="menu">
<ul>
<li>Some text</li>
<li>Some text 2</li>
<li>Some text 3</li>
</ul>
</div>

我的CSS：

/* MENU */ 
#menu {color:#FFFFFF;float: left;font-family: Arial,"Black";font-size: 18px;margin-top: 31px;width: 700px;}
#menu ul {list-style-type:none;}
#menu li {float: left;margin-left: 15px;}

我还希望在活动菜单项和悬停菜单项上只有greenbox。有没有用Jquery或CSS做到这一点的聪明方法？

javascript

jquery

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-10-05 04:45:04

如果我没理解错的话，这是可以做到的：

li:悬停{background-image:url(greenbox.png)；background-position:居中；background-repeat:不重复；}

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7653783

复制

相似问题

问CSS或Jquery如何将图片定位在安莉元素的中间？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS或Jquery如何将图片定位在安莉元素的中间？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS或Jquery如何将图片定位在安莉元素的中间？
EN