Image overlay using :after pseudo-element

耗尽温柔 提交于 2019-12-04 06:07:35
Mr. Alien

no-repeat is an invalid value for your content property, so it should be

.image-container img:after {
    position: absolute;
    margin-top: -50%;
    width: 183px;
    height: 103px;
    content: url(#);
}

Also it won't make sense using display: block; on absolute positioned element.

Demo


Also, chrome doesn't understand img:after so better use .image-container:after

Demo 2

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