這些不可破壞的HTML邊界來自哪裏？

-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網站的一部分根據二十七個主題的修改。

我錯過了什麼？

來源

2017-07-27 JonathanHayward

問題尋求幫助的代碼必須包括必要的最短的代碼在問題本身**中最好在** Stack Snippet **中重現它**。雖然您提供了一個鏈接，但如果它變得無效，那麼您的問題對於其他未來具有相同問題的SO用戶將沒有任何價值。請參閱[**我網站上的某些內容不起作用，我可以只粘貼一個鏈接**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-犯規，工作可以-I-剛剛糊一個鏈接到它）。 –

右鍵單擊圖像，單擊「檢查元素」。它將顯示適用於圖像的CSS規則，並且您可以逐個禁用它們以查看哪個導致問題。 – JJJ

它是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中刪除此

它只是僞裝成一個邊界:-)

來源

2017-07-27 15:36:38

謝謝;感謝這個答案，我有一個「今天我學到了...」的外賣，盒子陰影可以產生通常預期來自邊界的效果。 – JonathanHayward

很高興我能幫到你。 :-)。這是意料之外的。 –

如果這是解決方案，請不要忘記接受答案; -P –

這些不可破壞的HTML邊界來自哪裏？

回答

相關問題