CSS3: прозрачная задача с закругленными углами - PullRequest
5 голосов
/ 29 августа 2010

Сайт находится здесь: НАЖМИТЕ, ЧТОБЫ ПРОСМОТРЕТЬ ВЕБ-САЙТ

Вот изображение проблемы: alt text

Как выМожно видеть, используя CSS3 border-radius и background: transparent, я смог сделать то, что выглядит как «вырез» из div.Проблема должна быть очевидной, что углы также прозрачны.

Я знаю, что могу просто использовать изображение, и проблема будет решена, но я хочу использовать CSS3.Я думаю, что, возможно, есть оригинальный способ обойти эту проблему, но я не думаю об этом.Я хочу отметить, что я использую css3pie.com, чтобы разрешить IE6 через IE8 CSS3.

Ответы [ 2 ]

1 голос
/ 30 августа 2010

Это немного глупо

Эти правила применяются к тегу p

-webkit-box-shadow: #A3AFC6 0px -4px 0px 3px;
0 голосов
/ 29 августа 2010

Это сработало для меня на панели инструментов разработчика в Chrome ...

На div.middle_bg установите высоту 85px.Затем установите фон на тег p внутри него.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...