代码之家 › 专栏 › 技术社区 › jay

复杂的背景图像渐变CSS

gradient image css

jay · 技术社区 · 14 年前

伙计们。这可能更像是一个设计问题,但我想我会试一试,以防有人掌握了一些我可以使用的CSS技术。如果没有,我会准备好迎接投票否决和反对的冲击!

你可以看到这里的商标持有者有一个背景图像与一个很好的梯度右边,显然是半透明的。我的客户正在寻找顶部和右侧的渐变。我对如何完成这个有什么想法吗?

事先谢谢。

1 回复 | 直到 14 年前

David Thomas 14 年前

最明显的解决方案是使用部分透明的图像作为container-div的背景图像。

#container_div {background: transparent url(path/to/image.png) bottom right no-repeat; }

推荐文章

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

McRui · Laravel storeAs()存储问题中的图像

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

GabyUnalaq · 从原始RGB深度图像到灰度的转换不正确

2 年前

AayushPokharel · 如何在css中处理图像的alpha层?

2 年前

MHSarmadi · 阻止显示未完全加载的图像

2 年前

softandwet · 反应img onError未点火

2 年前

Nilesh soni · 颤振图像已缩放,但如何更改缩放位置

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

imcoding · img src属性上的vuejs数据绑定出现404错误

2 年前