【问题标题】:CSS rounded corners and shadowCSS圆角和阴影
【发布时间】:2011-09-10 12:50:39
【问题描述】:

我处于这种情况:

我必须为网页设计中的一些框做圆角和阴影。到目前为止,我还没有所有的设计,我不知道我会拥有多少个盒子。

此时我在“宽度”上有 2 种不同的尺寸,当然在“高度”上有重新调整大小。

问题是:

您建议我在这种情况下使用哪种技术?

PS:通常我会使用 css,为具有相同“宽度”大小的框制作 2 或 3 张图像

但现在我想:“也许它已经是旧样式了”,太多的 css 类,不是自动的……等等?

  1. 也许我可以使用 Jquery (js) -- (通常我会尽量避免,因为它不像 css 有点重,但我已经包含了 jquery),我应该吗?
  2. 要使用 css3,(但在 IE7/8 中出现问题)?
  3. 使用不同的方式?

各位,你们觉得这个实施阶段的最佳做法是什么?

更新:

因为我正在开始一个新项目,所以我想现在的最佳实践:

我没有堆叠或无法做到这个,我也知道 jquery 或 CSS3 中的几种方式/插件,问题不是哪个插件或如何破解 IE,而是“我应该在我的情况下使用 js/hacks?"

如果我使用 JS,我不会有更快的纯 css/HTML -- js 很重 -> MINUS JS 使 HTML/CSS 代码更动态/更容易和更少 -- ->Plus

我想对这些东西提出建议

谢谢

等等……

【问题讨论】:

  • JS 并不比 CSS 更“重”或更轻。这一切都取决于你用它做什么。关键是要确保优秀的浏览器不会为您在 IE 中使用的任何 JS 或 CSS 带来负担。确保使用 IE 的条件标签将圆角 JS/CSS/图像仅提供给 IE。

标签: html css implementation rounded-corners


【解决方案1】:

查看http://css3pie.com/,了解 IE 6-8 中有限的 CSS3 支持

【讨论】:

    【解决方案2】:

    使用 CSS3,让 IE7 和 8 有方角。这是唯一明智的做法。在 IE7/8 上使用图像和 JS 的方法有很多种,但我已经不止一次这样做了,我真的不建议这样做。

    【讨论】:

    • 我需要一个跨浏览器的设计
    • 这就是为什么我要求在所有浏览器中工作的最佳方式相同,我知道几个,但哪一个是最好的,这是我真正的问题
    • 不幸的是,“最佳”方式不是跨浏览器解决方案。如果你想要跨浏览器,你需要在某处拆分你的逻辑。对所有好的浏览器使用 CSS3,然后为
    猜你喜欢
    • 2014-09-15
    • 2016-10-05
    • 2016-02-20
    • 1970-01-01
    • 1970-01-01
    • 2020-06-27
    • 2011-06-12
    • 2023-04-01
    • 1970-01-01
    相关资源
    最近更新 更多