Блог

Главная - Вопросы по программированию - Как использовать символ Юникода вместо фонового изображения?

Как использовать символ Юникода вместо фонового изображения?

#css

#css

Вопрос:

Я хочу заменить background-image:url(image.png) символом Юникода или значком типа » xxxxx» в css

Как это сделать?

Ответ №1:

Как насчет использования псевдоэлементов?

Я предлагаю использовать 

 :before

ширина z-индекса: -1;

Проверьте мой пример здесь:https://jsfiddle.net/oyq47zsj /

Я использовал «A» в качестве фона, но вы можете использовать любой символ

Комментарии:

1. Отлично, или, если OP хочет, чтобы фон масштабировался в соответствии с содержимым (например, background-size:contain), может быть, что-то вроде этого .

2. Другая важная часть, используемая здесь, — это content ключ в CSS

3. Спасибо Павлу и мистеру Листеру, я только что сделал кое-что классное благодаря вашим скриптам 🙂

4. Если вы пытаетесь установить стрелку для выпадающего меню, обратите внимание, что подход :до и: после не будет работать в Firefox.