0

クリック可能なテキストボックスの背景画像を設定する必要があるため、画像を含めたテキストボックスの上に div(position:absolute) タグを使用しましたが、問題は画像がテキストの上にあることです。画像の z-index を - に設定しようとしました1しかし、その後、画像はテキストエリアの背後にある

#smiley {
        position:absolute;
       z-index:1;
    }

 <telerik:RadPane ID="Radpane5" runat="server" Height="100%" Scrolling="None" Width="100%">
                        <div id="smiley">
                            <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn1/1013130_10200305067254687_188481208_n.jpg" alt="Smiley face" height="40" width="40">
                        </div>
                        <telerik:RadTextBox ID="chatBox" runat="server" TextMode="MultiLine" Resize="Both" Rows="100" Width="100%"
                            EmptyMessage="type here" AutoPostBack="true" BorderStyle="None" Style="z-index:5; border: none; margin: 0 auto; outline: none">

                             </telerik:RadTextBox>
4

1 に答える 1

0

これを試して

HTML

<input type="text" id="smiley" /> <input type="text" id="smiley1" />

CSS

#smiley:focus{background: red;} #smiley1:focus{background: url("http://surrey-arg.org.uk/SARG/08000-TheAnimals/Images/Prey/Small_fish.jpg");}

リンク

于 2013-07-09T18:52:10.327 に答える