Apply Gradient background color and image at the same time

岁酱吖の 提交于 2020-01-02 03:45:30

问题


Is it possible to apply background-image and background-color to a text field at the same time.

What I was trying to achieve is : Show an icon at the right corner of text field. Also Make that text field a little bit gradient using the style

background: -moz-linear-gradient(center bottom , white, #D6E5F4) repeat scroll 0 0 transparent

Thanks


回答1:


yes; you can apply color & image at same time .You have to write like this:

background: url("image.png") no-repeat 0 0,-moz-linear-gradient(center bottom , white, #D6E5F4);

check http://jsfiddle.net/sandeep/7yMhX/



来源:https://stackoverflow.com/questions/7792494/apply-gradient-background-color-and-image-at-the-same-time

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!