消失的要点
http://biochrom. Fivesite.co.uk/catalogue4.asp
在页面上上面有一个图像浮动到左侧。 它的右侧是一个标题为“功能”的列表。 列表项有背景图像,但它没有出现。 列表 2 显示了背景图像的外观。
有谁知道如何使子弹可见?
http://biochrom.fivesite.co.uk/catalogue4.asp
On the page above there is an image floated to the left. To the right of it is a list, titled "features". The list items have a background image, however, it isn't appearing. List 2 shows how the background image looks.
Does anyone know how I can make the bullets visible?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
我知道这是一篇已有一年的帖子,但其他人可能想知道...
如果您使用内容管理系统并且某些页面包含图像和内容,会发生什么情况? 有些你不希望你的列表项在内容中为 200px 吗?
您可以将此 CSS 添加到您的 UL/OL 元素中:
我希望这会有所帮助。
I know this is a year old post but others may want to know...
What happens if you are using a content management system and some pages have images & some don't you wouldn't want your list items to be 200px in the content?
You can add this CSS to your UL/OL element:
I hope that helps.
您的图像具有 float:left 属性。 因此,列表项呈现在图像“后面”。
UL 元件将解决您的问题。
或者,您可以在 UL 元素上应用 float:left。 这将使其向右浮动到图像上,但会使以下内容出现在同一行。 您可以通过清除 UL 元素 来防止这种情况发生,或者在 UL 元素之后添加元素: ……
适用于它。
有关此行为的更多信息,请访问 http://www.positioniseverything.net/easyclearing.html。
Your image has a float:left property. The list items are therefore rendered "behind" the image.
on the UL element will solve your problem.
Alternatively, you can apply a float:left on your UL-element. This will make it float right to the image, but will make the following content appear on the same line. You can prevent this by clearing the UL-element, or adding element after the UL-element with...
...applied to it.
More information about this behaviour can be found at http://www.positioniseverything.net/easyclearing.html.
该线程确实很旧,但始终相关...
另一个替代解决方案:
将其放在 UL 上。 它强制整个 ul 出现在 float 之后。 这样您就可以拥有一个包含或不包含图像的页面,并且它始终会正确显示(在 FF4、IE7 和 8、Chrome 11 上检查)。
This thread is old indeed, but always relevant...
Another alternative solution:
Put this on the UL. It forces the entire ul to appear after the float. That way you can have a page with or without the image and it will always display correctly (checked on FF4, IE7 & 8, Chrome 11).
或者,您可以使用 list-style-image 属性而不是背景图像。 前几天我遇到了这个问题:浮动在“邻居”上展示的文本换行行为仅适用于“内容”,而不适用于背景图像(例如)。
Alternatively, you could use the list-style-image property instead of background-image. I ran into this very problem the other day: the text-wrapping behaviour that floats exhibit on their 'neighbours' only applies to 'content', not background images (for example).