Question

我的任务是在不使用box-shadow CSS属性的情况下将阴影放在图像上。我得到了一个PSD图像，我必须从中剪切阴影并将其放置在块元素周围。我已经放下了正确的阴影。阴影实际上是5个透明像素，一直重复到元素结束。

img:after {

    display: block;
    position: absolute;
    right: 0;
    top: 0;
    top: 10%;
    content: "";
    height: 90%;
background: url(pictures/shadow_right.png) repeat-y 0% 0%;
}

任何想法如何在块元素下放置阴影，适合所有图像尺寸？我还需要放置一个角落阴影，它也在元素下面，但稍微向右（我可以自己做，有人给我基本的想法，将背景图像放在块元素下）。我的任务是编写一个通用的CSS代码，它将阴影置于所有图像之下。

Here's a picture结果应该是什么。

Answer 1

试试这段代码它对我有用

img:after
{
content:"";
display:block;
background:url("pictures/shadow_right.png");
background-size:100% 100%;
background-repeat:no-repeat;
}

块元素下的CSS阴影（不带有框阴影，阴影图像，旧方式）

1 个答案: