Webkit渲染问题与更改文本

时间:2012-08-14 01:09:15

标签: javascript css webkit hover gradient

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

Web Render Error?

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

1 个答案:

答案 0 :(得分:1)

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

修改

使用Javascript解决后,使用这个伟大的工具来设计渐变:

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

修改

关于Jquery

Selectors$('#home, #home a')使Jquery选择了两种元素:id=home元素和A元素,后者来自id=home元素。由于我使用了逗号,这使得一个选择器应用于文档。

然后我们有event handlersclickmouseovermouseout

你可以看到每一个都是一个接一个地应用,这叫做chaining。由于几乎每个Jquery方法都返回Jquery对象本身,因此这会使代码变得紧凑。

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

(一切都在听这个配乐:D http://www.youtube.com/watch?v=69xSV0oZYpE&feature=autoplay&list=UU-ilGJ5YU9bt4yA7lnYq9nw&playnext=2