<ul style="position:absolute; top:60px; left:50px; margin:0; padding:0; list-style-type: none; width:30%; height:600px; background: #ECECEC; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);" target="_blank" rel="nofollow"></ul>
<ul style="position:absolute; top:60px; left:50px; margin:0; padding:0; list-style-type: none; width:30%; height:400px; background: transparent; list-style-type: none;" target="_blank" rel="nofollow">
<img style="position: absolute; top: 0; left: 0; background: url(https://images.pexels.com/photos/247204/pexels-photo-247204.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb) no-repeat center; background-size: auto; height: 100%; width: 100%;" target="_blank" rel="nofollow">
</ul>http://jsbin.com/bafeyej/edit?html,output
嗨,我尝试过一些不同的造型技巧,边框: 0;等等,我似乎无法摆脱这个小轮廓围绕着图像,我知道它从它的父元素,但我似乎无法破解它,我甚至不敢设置大纲为零。我是个制造麻烦的人,有什么想法吗?
FYI,我正在为一个在线平台创建一个配置文件模板,它只允许在配置文件制作部分有限地使用html代码,所以请不要讲为什么我不应该使用内联CSS,或者为什么我要使用ul元素作为容器lol,它就是它。
谢谢您抽时间见我。
发布于 2018-03-20 00:08:50
您的问题似乎来自于img标记没有src属性这一事实。
我找到了这篇文章,在类似的问题上,你可能会找到一个解决方案。
How can I remove the border around an image without a source?
https://stackoverflow.com/questions/49373763
复制相似问题