我有一個需要漸變背景的<div>
。然而,div的大小是可變的,這使我回到了「不能在CSS中做梯度」的土地。使用jQuery進行漸變填充?
但是,我敢肯定,這是可能的jQuery,我似乎無法找到一個體面的例子。有沒有人有他們可以指點我的方式?
謝謝。
我有一個需要漸變背景的<div>
。然而,div的大小是可變的,這使我回到了「不能在CSS中做梯度」的土地。使用jQuery進行漸變填充?
但是,我敢肯定,這是可能的jQuery,我似乎無法找到一個體面的例子。有沒有人有他們可以指點我的方式?
謝謝。
雖然this很可能會給你正是你想要的,但似乎有很多潛在的碰撞。不過,儘管如此,如果失敗,我建議生成漸變服務器端。
生成漸變而不是簡單地在您最喜歡的圖形程序中創建一個梯度是絕對必要的嗎?通過簡單地平鋪圖形可以更有效地節省資源。
不是jQuery的,但一個建議:你可以生成SVG的梯度:http://www.w3schools.com/svg/svg_grad_linear.asp
的Background Canvas插件可以讓你做那種事多。
的情況下,有人需要這個,如果你認爲jQuery插件太重,你可以使用這個
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A622', endColorstr='#00B726'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00A622), to(#00B726)); /* for webkit browsers */
background: -moz-linear-gradient(top, #00A622, #00B726); /* for firefox 3.6+ */
爲什麼不計算gradiant到比格大和隱藏過剩溢出等調整其餘顯示?