Вопросы Теги

Как я препятствую тому, чтобы изображение переполнило поля скругленного угла?

Я не уверен насчет c #, но мы можем сделать то же самое в C ++ или JAVA со структурой данных union-find. Это хорошо работает с оптимизацией Api реализации. Если можно легко найти то же самое в Google о union-find алгоритмической концепции для сетевых элементов. мы также можем реализовать со списком, деревом, а также с графиком с пользовательскими типами данных.

Спасибо, Рам

37
задан TylerH 1 December 2018 в 20:18
поделиться

4 ответа

Это может или не может работать в Вашей ситуации, но считать создание изображения фоном CSS. В FF3 работает просто великолепно следующее: 

<div style="
  background-image:   url(big-image.jpg);
  border-radius:      1em;
  height:             100px;
  -moz-border-radius: 1em;
  width:              100px;"
></div>

я не уверен, что существует другое обходное решение — если Вы подаете заявку, граница к самому изображению (скажите, 1em глубокий), Вы получаете ту же проблему прямых углов.

Редактирование: , хотя, в "добавлении границы к изображению" случай, вставка изображения корректна, это просто, что изображение не является сбросом с div элемент. Для проверки результатов добавьте style="border:1em solid black;border-radius:1em;-moz-border-radius:1em;" к img тег (с width и height набор соответственно, при необходимости).

13
ответ дан kyle 27 November 2019 в 04:54
поделиться

Даже когда overflow установлен на hidden, border-radius не отсекает его содержание. Это дизайном.

Одно решение состояло бы в том, чтобы установить border-radius на изображении, а также его контейнере. 

<div style="border-radius: 16px; ...">
    <img src="big-image.jpg" style="border-radius: 16px; ..." />
</div>

Иначе должен был бы установить изображение как фон контейнера с помощью background-image; но существуют проблемы с этим методом в Firefox перед версией 3 (см. эта ошибка ) - не, что это должно побеспокоить Вас слишком много.

4
ответ дан Ry- 27 November 2019 в 04:54
поделиться

При создании изображения фоновым изображением вместо содержания изображение не отсечет скругленные углы (по крайней мере, в FF3).

Вы могли также добавить дополнение к отделению или поле для изображения для добавления дополнительного дополнения между округленной границей и изображением.

0
ответ дан Illandril 27 November 2019 в 04:54
поделиться

Необходимо определить точную ширину и высоту с overflow:hidden, если Вы хотите, чтобы Ваше отделение отсекло Ваше изображение

-2
ответ дан Barbaros Alp 27 November 2019 в 04:54
поделиться