用於背景的CSS徑向內陰影

我試圖修改Wordpress模板的背景。我有一個附帶repeat-x選項的圖像。我想在該圖像上添加徑向內部邊框。可能嗎？用於背景的CSS徑向內陰影

這是當前的背景：

body { 
background: #18191b url(images/bg.jpg) repeat-x center 0; 
color: #e9e9e9; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 18px;

}

來源

2013-03-28 Sam Anila

可以使用-moz-box-shadow和-webkit-box-shadow：

-moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25); 
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);

而且你還可以使用box-shadow它APLY到Internet Explorer

來源

2013-03-28 08:50:45 Alireza41

謝謝回答，但這種方法在我的情況下不能正常工作。還有其他建議嗎？ – 2013-03-28 08:54:53

@SamAnila如何使用'box-shadow'？ – Alireza41 2013-03-28 08:57:25

如果我理解t他的正確，你需要這個。 box-shadow: 0 0 10px #ddd inset;

更多的box-shadow，你可以找到在這裏：The 'box-shadow' property

來源

2013-03-28 08:51:43

謝謝，這真的有用，但我仍然有問題。它僅在可見屏幕區域顯示內部陰影。如果向下滾動，我可以看到頁面底部200px左右的陰影邊界，頁面底部沒有陰影。對於如何解決這個問題，有任何的建議嗎？ – 2013-03-28 09:09:23

我不知道你的網站結構。以下是我如何看待事物的快速演示。希望能幫助到你。 http://jsfiddle.net/QEZnw/17/ – 2013-03-28 09:25:25

謝謝，我設法使它工作。 – 2013-04-01 08:09:51

用於背景的CSS徑向內陰影

回答

相關問題