小编cur*_*ous的帖子

多个元素的CSS渐变

我想知道是否可以将单个CSS3渐变背景应用于多个元素.换句话说,渐变跨越父元素,但仅在子元素内可见.

搜索之后,我找到了这个帖子:在多个视图上应用渐变

这正是我的问题,虽然我需要它作为CSS/HTML代码.

为了想象这个问题,我拍了两张照片:

图片1

这是基本设置.<div>需要渐变背景的两个是在更大的<div>元素内.

图2

如您所见,第二个图像中的渐变完全从元素A渐变到元素B.在大多数图像编辑程序中,这种效果很容易实现,因此我可以使用合适的图像来获得所需的效果.

但是,由于图像可能不是解决这个问题的最佳方法,所以我希望在这里找到一个如何解决这个问题的答案CSS.我之前使用渐变,但我还没有找到解决这个问题的方法.

任何帮助表示赞赏.

编辑(06/01/15 13:30 GMT + 1):元素A和B应该能够有圆角.跨越渐变原本应该是a radial-gradient,但它不需要.也许这个问题真的无法解决.

html css gradient css3

6
推荐指数
2
解决办法
7634
查看次数

标签 统计

css ×1

css3 ×1

gradient ×1

html ×1