(Увеличение)
Разхождайки се из форуми и блогове, често работи с един проблем: хората търсят решение, тъй като sdelatt непрозрачен текст в прозрачна кутия със заоблени ъгли на CSS?
И така В началото на вземане на блока със заоблени ръбове, това е вярно само в FF Raboet, и в останалата част на заоблените ъгли няма.
HTML:
CSS:
.rightcolumn позиция: относителна;
отгоре: 80px;
дясно: 30px;
подложка: 30px;
ширина: 600px;
цвят: # 000;
плаваш: право;
препълване: скрит;
>
.rightcolumn .transparency непрозрачност: 0.5;
филтър: алфа (непрозрачност = 50);
-Moz-непрозрачност: 0.5;
фон-цвят: #fff;
ширина: 660px;
височина: 2500px;
позиции: абсолютен;
отгоре: 0px;
лява: 0px;
граница: 1px твърдо # 9E5C28;
-Моз гранично-радиус: 15px;
-WebKit-граничен радиус: 15px;
граничен радиус: 15px;
>
Сега, ние добавите клас (напр .cont), което е текст.
HTML:
CSS:
.продълж
Всичко работи. И дори mozile има заоблени ъгли
Един пример може да се види в горната част на снимката, кликнете за да увеличите!
Благодаря ви, че всичко е наред в очите
Благодаря ви. докато заоблени ъгли не обърнаха
Заоблени ъгли работят само в FF (Mozilla).
Уау, че е необходимо да се практикува.
Zamorochenny CSS код.
Защо два пъти, за да зададете различни параметри, за да .rightcolumn?
но това, което, ако се наложи да изчистите височината на устройството автоматично да се поберат на височината на текстовия блок? Изглежда, че няма JS (JQuery) не могат да направят?
фон: RGBA (0, 170, 238, 0.9); / * Основен цвят * /