Каков стабильный способ создания углового элемента, подобного этому изображению, с CSS? - PullRequest
Новая
       8

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

0 голосов
/ 23 апреля 2020

Я пытаюсь создать раздел, подобный этому, я сделал подобное с элементами psuedo, идущими в одном направлении, но никогда до такой точки, задаваясь вопросом, есть ли лучший, более стабильный способ (работа в ie)? в синем разделе также будет содержимое.

enter image description here

1 Ответ

0 голосов
/ 23 апреля 2020

Один из способов - просто импортировать изображение в формате jpg, установить z-index так, чтобы он находился далеко позади остальной части документа, убедиться, что свойство display выводит его из потока, а затем просто создать содержание внутри изображения. Пример ниже. 

<!DOCTYPE html>
<div>
    <img style="z-index: -10; position: absolute;" src="./FMbOL.jpg">
    <p>Hello</p>
    <p style="text-align: center;">Hello Hows it going</p>
    <p>Hello How are you!</p>
</div>

</html>

Этот код производит это

https://gyazo.com/7df23ebdcde8f1b01e46ff3e6912f46c

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...