Зачем мне нужен цвет фона?

Question

Зачем мне нужен цвет фона?

0

Я довольно смущен в этом вопросе. Я пытаюсь получить textarea внутри div, чтобы работать в IE7, IE8 и IE9, и случайно я изменил фон стиля от ни одного до цвета. Это заставило его работать.

Может кто-нибудь объяснить это?

Прошу прощения за беспорядочную установку. Подниму все стили в файл css после того, как я пойму проблему фона.

Не работает

<textarea id="chatWindowMessageArea" style="position: absolute; display: block; margin: 0;
                    padding: 0; border: none; float: none; clear: none; left: 35px; top: 302px; width: 315px;
                    max-width: 315px; min-width: 315px; height: 63px; max-height: 63px; min-height: 63px;
                    z-index: 2; background-color: transparent; background: none; font-style: normal;
                    font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none;
                    list-style: none; text-align: left; outline: none; text-indent: 0px; -moz-box-shadow: none;
                    -webkit-box-shadow: none; font-family: arial,sans-serif; font-size: 12px; font-weight: normal;
                    color: black; vertical-align: top; resize: none; overflow: auto;" type="text"
                    name="chat">
                </textarea>

Работает!

<textarea id="chatWindowMessageArea" style="position: absolute; display: block; margin: 0;
                    padding: 0; border: none; float: none; clear: none; left: 35px; top: 302px; width: 315px;
                    max-width: 315px; min-width: 315px; height: 63px; max-height: 63px; min-height: 63px;
                    z-index: 2; background-color: transparent; background: #FFFFFF; font-style: normal;
                    font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none;
                    list-style: none; text-align: left; outline: none; text-indent: 0px; -moz-box-shadow: none;
                    -webkit-box-shadow: none; font-family: arial,sans-serif; font-size: 12px; font-weight: normal;
                    color: black; vertical-align: top; resize: none; overflow: auto;" type="text"
                    name="chat">
                </textarea>

Joakim M 06 май 2014, в 16:50

Источник

0

В чем была проблема?
SLaks 06 май 2014, в 14:02
0

Я не мог поместить маркер внутри текстовой области, чтобы начать писать. После изменения фона я мог.
Joakim M 06 май 2014, в 14:02
0

вам не нужно использовать type="text" для textarea
Mr. Alien 06 май 2014, в 14:06
1

У вас есть куча ненужных вещей ... этот JSFiddle работает в IE9 и удаляет все ваши лишние вещи: jsfiddle.net/epVdq/2
TylerH 06 май 2014, в 14:12
1

Проблема в том, что вы указали фон. Вы указали background: none; , Как указывает @Slaks, это ничего не делает, поэтому текстовое тело / контент фактически не существует. Если вы удалите это объявление, оно будет работать правильно.
cale_b 06 май 2014, в 14:15
0

@TylerH Спасибо!
Joakim M 06 май 2014, в 21:05

Показать ещё 4 комментария

Теги:

html

css

internet-explorer-9

internet-explorer-8

internet-explorer-7

1 ответ

Ещё вопросы

Я не мог поместить маркер внутри текстовой области, чтобы начать писать. После изменения фона я мог.
вам не нужно использовать type="text" для textarea
У вас есть куча ненужных вещей ... этот JSFiddle работает в IE9 и удаляет все ваши лишние вещи: jsfiddle.net/epVdq/2
Проблема в том, что вы указали фон. Вы указали background: none; , Как указывает @Slaks, это ничего не делает, поэтому текстовое тело / контент фактически не существует. Если вы удалите это объявление, оно будет работать правильно.

SLaks · Accepted Answer · 2014-05-06T11-15-00.000Z

background: none означает, что ваш фон будет полностью прозрачным.

Поэтому нет ничего, что можно было бы щелкнуть; вы на самом деле нажимаете на все, что находится за невидимой коробкой.

Просто и понятно! Я постараюсь выучить мой css :)