2017-07-27 56 views
-1

在筹款页面上,我正在致力于https://cjshayward.com/these-are-a-few-of-my-favorite-things/,在帖子的正文中有一张没有任何边框的肖像,但是一旦您找到“最喜欢的东西”的洗牌列表,所有产品图片都有八张在将DIV,A和IMG标记设置为具有内嵌样式border: 0 !important; margin: 0 !important; padding: 0 !important之后保持存在的像素宽边界。这些不可破坏的HTML边界来自哪里?

我也花了一些时间检查页面,并找不到任何将边界分配给图像或直接容器。 (NB我认为它更可能是一个边框比填充背景:一些图像是部分透明PNG的,这些让你通过PNG的透明部分看到背景图像。)

该页面是Wordpress网站的一部分根据二十七个主题的修改。

我错过了什么?

+1

问题寻求帮助的代码必须包括必要的最短的代码在问题本身**中最好在** Stack Snippet **中重现它**。虽然您提供了一个链接,但如果它变得无效,那么您的问题对于其他未来具有相同问题的SO用户将没有任何价值。请参阅[**我网站上的某些内容不起作用,我可以只粘贴一个链接**](http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-犯规,工作可以-I-刚刚糊一个链接到它)。 –

+0

右键单击图像,单击“检查元素”。它将显示适用于图像的CSS规则,并且您可以逐个禁用它们以查看哪个导致问题。 – JJJ

回答

1

它是box-shadow属性

.entry-content a img, .widget a img { 
    -webkit-box-shadow: 0 0 0 8px #fff; 
    box-shadow: 0 0 0 8px #fff; 
} 

从CSS中删除此

它只是伪装成一个边界:-)

+1

谢谢;感谢这个答案,我有一个“今天我学到了...”的外卖,盒子阴影可以产生通常预期来自边界的效果。 – JonathanHayward

+0

很高兴我能帮到你。 :-)。这是意料之外的。 –

+0

如果这是解决方案,请不要忘记接受答案; -P –