【问题标题】:Is it good to use bullet image inplace of browser default bullets for UL to get cross browser result?UL 使用项目符号图像代替浏览器默认项目符号来获得跨浏览器结果是否很好?
【发布时间】:2015-07-17 23:45:40
【问题描述】:

UL 是否可以使用项目符号图像代替浏览器默认项目符号来获得跨浏览器结果?

【问题讨论】:

  • 你对跨浏览器结果的定义是什么?就边距/填充或子弹本身的外观而言,还是两者兼而有之?

标签: html css xhtml html-lists


【解决方案1】:

除非它是一个非常程式化/图形繁重的网站,否则我会说不。用户不希望您的网页具有任何特定的外观/感觉......但他们确实希望它是熟悉和直观的。如果您有完全不同的主题和完全自定义的外观,那么是的,那就去吧。如果您不...让用户看到他们习惯看到的内容。

示例:复选框在不同的浏览器上看起来不同,但在 99% 的情况下,对于始终在其计算机上使用该浏览器的用户来说都是一样的。现在使用图像/javascript 来更改这些复选框的外观有点不和谐,因为它们突然变得不熟悉了。

如果您无论如何都完全沉浸在不同的环境中(例如:大量图形、黑色背景等),那么请让您的样式适合任何适合...对于样式非常简单的标准外观网页,我会让浏览器的默认值占上风。

【讨论】:

    【解决方案2】:

    好吧,如果你使用list-style-image:url(),那么你几乎进入了一个痛苦的世界,因为不同的浏览器会以不同的方式定位图像。但是,如果您使用背景图像 + 填充,那么您确实可以几乎免费获得一致的跨浏览器结果。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-06-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-10
      • 2010-10-25
      • 1970-01-01
      • 2010-10-18
      相关资源
      最近更新 更多