jquery - LI 中 IMG 的绝对位置

标签 jquery css browser

我正在使用 jQuery 在我的导航 (ul li.active) 的事件列表元素中添加一个图像。工作正常。

出于设计目的,我想绝对定位此 img 并添加 left: 50%; 使其居中。在除 OS X 上的 Firefox(最新)和 Windows XP 上的 Safari 之外的所有浏览器中都可以正常工作。 这些应用 left: 50%; 相对于 UL 而不是具有 position: relative;

的 LI

在它工作的地方,图像居中显示在我的 LI 上的内容下方。

网址:http://aerokure.steveforest.com/produits/insecticides-pour-le-jardin.html 它是 Logo 下方的黑色菜单。

尝试在 img 上放置一个 display: block; 一些人建议:什么都没有。

有什么吗?

谢谢

最佳答案

我发现了问题

删除 height = ul 元素

添加 float:left = li 元素

margin :0; = li 元素

它会很好地工作

关于jquery - LI 中 IMG 的绝对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10351853/

相关文章:

jquery - 当我在 jQuery ajax-post 指向的操作方法上使用 HttpPost 属性时,获取 "The resource cannot be found."

javascript - iPhone/iPad 悬停事件 jQuery

javascript - <ul> <li> 定位

javascript - 使用循环将数组值分配给元素

javascript - Python - 无法导入模块 'PIL'

css - 在 jQueryMobile 中最大化内容 div 的大小

jquery - 使用 jquery 创建幻灯片放映

CSS - 使用 :hover pseudoclass isn't working at the bottom of an anchor tag

python - 如何将Openpyxl生成的xlsx输出到浏览器?

internet-explorer - Bootstrap 中的 IE 中没有圆边