Как сделать так, чтобы поле ввода отображалось поверх холста в html - PullRequest
Новая
       16

Как сделать так, чтобы поле ввода отображалось поверх холста в html

1 голос
/ 06 апреля 2019

Я пытаюсь, чтобы поле ввода появилось поверх холста и точно расположило поле ввода. Подобный вопрос был задан 7 лет назад, но принятый ответ не работает для меня.

Одна попытка была такой: 

 <html>
 <body>

     <div style="margin:0px;padding:0px;position:absolute;width:700;height:700;border-style:solid">
     <canvas style="width:700px;height:700px;"></canvas>
     <input type="text" style="position:absolute;width:30;height:30;z-index:2"/></div>

и еще одна попытка была такая: 

 <html>
 <body>
     <div style="position:relative;width:800px;height:800px">
         <canvas width="800" height="800"></canvas>
         <input type="text" "position:absolute;left:100px;top:300px;width:600px " />
     </div>
 <body>

Использование браузера Chrome на Macintosh, если это имеет значение.

1 Ответ

1 голос
/ 06 апреля 2019

Ваша вторая попытка верна, вы просто пропустили свойство style перед строкой стиля в элементе ввода. 

<html>
 <body>
     <div style="position:relative;width:800px;height:800px">
         <canvas width="800" height="800"></canvas>
         <input type="text" style="position:absolute;left:100px;top:300px;width:600px " />
     </div>
 <body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...