Я пытаюсь изменить фон шаблона 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;
}
вы можете использовать -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
Если я понимаю, его правильное вам нужно. box-shadow: 0 0 10px #ddd inset;
Больше о прокате тени вы можете найти здесь: The 'box-shadow' property
Спасибо, это действительно работает, но у меня все еще есть проблема. Он отображает внутреннюю тень только на видимой области экрана. Если я прокручу вниз, я вижу странную границу тени около 200 пикселей в нижней части страницы, а нижняя часть страницы без тени. Любые предложения по устранению этого? –
Я не знаю структуру вашего сайта. Вот краткая демонстрация того, как я вижу вещи. Надеюсь, поможет. http://jsfiddle.net/QEZnw/17/ –
Спасибо, мне удалось заставить его работать. –
Спасибо за ответ, но это решение не работает в моем случае. Любые другие предложения? –
@SamAnila как насчет использования 'box-shadow'? – Alireza41