【问题标题】:Webkit Render Issue with changing text更改文本的 Webkit 呈现问题
【发布时间】:2012-08-14 01:09:14
【问题描述】:

好的,所以我刚才问了一个问题,有人告诉我使用 CSS 来更改我的渐变,所以我这样做了,而且它确实有效。这似乎是一个 webkit 渲染问题,我在聊天中询问,我们都有同样的问题,我的 safari 版本(版本 6.0 (8536.25) 和他的版本(版本 5.1.7 (6534.57.2))

这是我的 jsfiddle 代码; http://jsfiddle.net/Fluffy977/ZauwA/ |没有文字样式和渐变:http://jsfiddle.net/Fluffy977/YXD5m/

【问题讨论】:

  • 只是让您知道,IE9 不会呈现该按钮。
  • 我知道,只有 webkit 浏览器可以。

标签: javascript css webkit hover gradient


【解决方案1】:

看看这是否有效:http://jsfiddle.net/ZauwA/30/

编辑

在您使用 Javascript 安顿好之后,使用这个伟大的工具来设计渐变:

http://www.colorzilla.com/gradient-editor/

编辑

关于Jquery

Selectors:$('#home, #home a') 使 Jquery 选择 2 种元素:一种带有 id=home 的元素和 A 元素,它们是带有 id=home 的元素的后代。由于我使用了逗号,这使得更多的选择器被应用于文档。

然后我们有event handlers: 用于clickmouseovermouseout

你可以看到每一个都被一个接一个地应用,这被称为chaining。由于几乎每个 Jquery 方法都返回 Jquery 对象本身,这使得代码紧凑。

在每个事件处理程序中,我使用css 函数将样式应用于元素,然后使用html 函数(与设置innerHTML 相同)。

(以及所有听此配乐的人:D http://www.youtube.com/watch?v=69xSV0oZYpE&feature=autoplay&list=UU-ilGJ5YU9bt4yA7lnYq9nw&playnext=2

【讨论】:

  • 感谢工具,你能评论一下代码吗,我不太懂,(Javascript 的新手)
  • 问题在最近的 Safari 版本中仍然存在,而且小提琴是前一段时间到期的。您能否在答案中添加 [部分] sn-p 以使其正常工作?如果您还可以添加为什么会发生这种情况会很好:)
  • 太尴尬了,jsfiddle 页面被删除了……我建议你在一个新问题中提出这个问题,并使用嵌入在 SO 中的 HTML/JS/CSS 代码创建一个示例。
猜你喜欢
  • 1970-01-01
  • 2011-08-22
  • 2012-03-17
  • 1970-01-01
  • 2011-11-04
  • 2022-12-15
  • 2019-02-07
  • 2021-12-03
  • 2012-04-09
相关资源
最近更新 更多