0

私はウェブサイトを持っています。そこには画像があり、上の画像にはテキストエリアがあります。テキストエリアのスタイルはこれです

<textarea rows="1" style="position: absolute; padding: 0px; resize: none; overflow: hidden; font-family: lucidablackletter; font-size: 27pt; border: none; color: rgb(0, 0, 0); width: 400px; text-align: center; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: transparent; line-height: 66.66666666666666px; background-position: inherit inherit; background-repeat: inherit inherit;bottom: 0;">add text here</textarea>

画像のすぐ上に配置されているため、画像と同じ背景色になっています。JQueryで行っているテキストエリアの背景色を設定するオプションがあります。色を元の色にクリアすることもできます(つまり、画像)を設定しました。これは Chrome と FF では問題なく動作しますが、IE ではテキストエリアの背景色を白に設定します。

これが私がクリアしている方法です

function ElementBgClear(cssClass) {    
    var element = jQuery(cssClass);
    if (element != null && element != undefined && element.length > 0) {
        element.attr("style", "");

        element.find("textarea").css("background", "");

        jQuery(jQuery(currentEditField).children()[0]).css("background-color", "inherit");
        SelectTextColor(null, jQuery("#frontSideBgColorsTable"));
    }

私が試してみました

element.find("textarea").css("backgroundColor", "");

    element.find("textarea").css("background", "transparent");

しかし運がない:(

IEでテキストエリアの背景色を透明に設定するにはどうすればよいですか

4

1 に答える 1