javascript - 更改文本的 Webkit 渲染问题

标签 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/

最佳答案

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

编辑

在你确定了 Javascript 之后,使用这个很棒的工具来设计渐变:

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

编辑

关于 Jquery 的一些信息:

Selectors : $('#home, #home a') 让 Jquery 选择两种元素:id=homeA 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 - 更改文本的 Webkit 渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11944453/

相关文章:

javascript - 如何允许用户选择远程站点的 HTML 元素?

用于显式添加微任务或宏任务的 Javascript API

jquery - 如何显示使用 z-index 隐藏的溢出内使用的值

javascript - 用于 Angular 2+ 的 Hammer.js

javascript - 防止 ipad/iphone safari 中的弹性滚动,但允许内容滚动

html - 简单的滚动按钮位置不听我的

javascript - 根据 URL 激活特定选项卡

javascript - 单点触摸平移后不会在 iPad 上触发 onscroll 事件?

google-chrome - Safari 的阅读器代码在哪里?

html - 谷歌语音识别配额