crossplatform.ru

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> QWebView скругление рамки блока
a_goodgirl
  опции профиля:
сообщение 15.11.2011, 17:03
Сообщение #1


Студент
*

Группа: Участник
Сообщений: 35
Регистрация: 4.6.2009
Пользователь №: 801

Спасибо сказали: 0 раз(а)




Репутация:   0  


В QWebView отображается html текст.
Такой тэг:
<div style="border: 10px solid #4bb6c6; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;">текст блока</div>

т.е. рамка толщиной 10 с радиусом 10.
При таких размерах закругляется, но внутренний угол остается прямым (в документации написано, что радиус должен быть больше ширины рамки, но это тоже не помогает)
Прикрепленное изображение


при ширине рамки 1, радиусе 10 получается дырка
Прикрепленное изображение


Написано, что в мозилле это работает хорошо, но не все браузеры поддерживают. Вопрос: что-то можно сделать для QWebView, чтобы было вот так:
Прикрепленное изображение


Сообщение отредактировал a_goodgirl - 16.11.2011, 14:06
Перейти в начало страницы
 
Быстрая цитата+Цитировать сообщение
a_goodgirl
  опции профиля:
сообщение 16.11.2011, 14:01
Сообщение #2


Студент
*

Группа: Участник
Сообщений: 35
Регистрация: 4.6.2009
Пользователь №: 801

Спасибо сказали: 0 раз(а)




Репутация:   0  


Ошибка найдена и она смешная :rolleyes:
В теге <div> написано все правильно и для webkit это работает, но при пустом блоке! Иначе содержимое блока перекрывает своими прямоугольными краями закругление рамки.
Чтобы этого избежать, как вариант, нужно внутрь блока вставить еще один блок, который имеет отступ, равный радиусу закругления:
<div style="border: 10px solid #4bb6c6; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;"><div style="margin: 20px;">текст в блоке</div></div>


ну и не забываем, что радиус должен быть больше ширины рамки - например, у меня вычисляется как максимум из некой константы (=7, минимальный радиус) и двойной ширины рамки (чтобы тонкая рамка смотрелась тоже хорошо)
Перейти в начало страницы
 
Быстрая цитата+Цитировать сообщение

Быстрый ответОтветить в данную темуНачать новую тему
Теги
Нет тегов для показа


1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0




RSS Текстовая версия Сейчас: 20.4.2024, 4:30