Как убрать фон у кнопки?
Сделал кнопку с изображением , но появилась белая обводка. Как её убрать?
body
Отслеживать
13.1k 2 2 золотых знака 21 21 серебряный знак 38 38 бронзовых знаков
задан 17 фев 2018 в 20:22
1 1 1 золотой знак 1 1 серебряный знак 4 4 бронзовых знака
Убрать у кнопки внутренние отступы и рамку padding: 0; border: 0;
17 фев 2018 в 20:33
стандартный ресетер для кнопок выглядит как-то так < margin: 0; padding: 0; border: 0; outline: none; background-color: transparent; >дальше уже сами решайте что из этого является причиной ваших проблем.
Призрачные кнопки с определением направления наведения в CSS
От автора: меня бы удивило, если бы вы никогда не сталкивались с призрачными кнопками. Вы знаете их: у них прозрачный фон, который при наведении заливается сплошным цветом. В данной статье мы создадим призрачную кнопку в CSS, но это будет просто. Забавная и хитрая часть — это анимировать заливку этой призрачной кнопки так, чтобы фон заливался цветом в направлении, в котором на нее наводится курсор.
Вот с чего мы начинаем:
В большинстве случаев для заливки сплошным цветом background-color используется transition. Существуют макеты, в которых кнопка может заполняться слева направо, сверху вниз и т. д., для некоторого визуального изящества. Например, вот слева направо:
Тут есть моменты UX, к которым можно придираться. Например, если вы наводите курсор против направления заливки. Рассмотрим этот пример. Кнопка заливается слева, а вы наводите курсор справа.
Лучше, если кнопка заливается с начальной точки наведения.
Итак, как мы можем реализовать для кнопки определение направления наведения? Вашей первой мыслью может быть использовать решение на JavaScript, но вместо этого мы можем создать что-то с помощью CSS и небольшой дополнительной разметки.
Вот несколько чистых CSS кнопок-призраков с определением направления!
Давайте рассмотрим это шаг за шагом. Весь код доступен в этой коллекции CodePen.
Создание основы
Давайте начнем с создания основы призрачной кнопки. Разметка проста.
Как в WinForms сделать прозрачным PictureBox относительно своего родительского элемента?
У меня имеется форма одного цвета, кнопка другого цвета и PictureBox с BackColor: Transparent . У PictureBox прописан родительский элемент — кнопка. При запуске программы я наблюдаю, что фон у PictureBox цвета формы, а не родительского элемента — кнопки. Подскажите как исправить или куда копать, чтобы фон у PictureBox стал фоном кнопки.
Отслеживать
1,816 1 1 золотой знак 4 4 серебряных знака 19 19 бронзовых знаков
задан 21 фев 2022 в 8:01
SlavaKorol SlavaKorol
31 7 7 бронзовых знаков
Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете.
21 фев 2022 в 8:05
Windows Forms не поддерживает прозрачность. Поэтому только на костылях, например относледоваться от PB и переопределить OnPaint, отрисовывать кнопку в битмап, вырезая из него кусок под себя и подкладывая под картинку. То есть написать свой собственный редрер PictureBox. Может есть способ хитрее, но я не практиковал. Вообще Winforms — это как бы не про красивые интерфейсы.
21 фев 2022 в 8:07
@aepot, если постараться, то поддерживает.
21 фев 2022 в 9:40
@Qwertiy о чем я и говорю, придется постараться. Я имел в виду поддержку нативного характера, ее нет.
21 фев 2022 в 10:38
Мне также было необходимо, чтобы цвет кнопки менялся при наведении. Вместе с этим должен был меняться и цвет фона у PictureBox. Поэтому я решил проблему через события. При наведении мыши на кнопку, менял фон кнопки и PictureBox. При покидании курсора мыши с кнопки, соответственно, менял фон у кнопки и PictureBox на другой.
Как создать прозрачный фон в Paint
В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.
Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.
Количество просмотров этой статьи: 79 313.
В этой статье:
В этой статье мы расскажем вам, как на компьютере создать прозрачный фон в программе Paint. Если фон однотонный, Paint распознает его, а потом рисунок с прозрачным фоном можно будет добавить в другое изображение. Но имейте в виду, что в Paint сохранить рисунок с прозрачным фоном не получится — любая прозрачная область будет закрашена белым цветом.