Как изменить прозрачность текста с помощью jquery

Question

Мне нужна помощь в изменении прозрачности текста в текстовом поле. На данный момент я могу изменить прозрачность текста, но мне нужно изменить прозрачность текста внутри текстового поля

Вот мой код:

<script type="text/javascript">
    $(document).ready(function () {
        //Step 1: set up the slider with some options. The valid values for opacity are 0 to 1
        //Step 2: Bind an event so when you slide the slider and stop, the following function gets called
        $('#slider').slider({ min: 0, max: 1, step: 0.1, value: 1 })
            .bind("slidechange", function () {
                //get the value of the slider with this call
                var o = $(this).slider('value');
                //here I am just specifying the element to change with a "made up" attribute (but don't worry, this is in the HTML specs and supported by all browsers).
                var e = '#' + $(this).attr('data-wjs-element');
                $(e).css('opacity', o)
            });
    });
</script>

А это мое текстовое поле

<div id="slider" data-wjs-element="TextBox1"></div>

 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

Answer 1

Вы можете использовать rgba для цвета, но IE8 и ниже не поддерживают его.Также некоторые старые версии других браузеров не поддерживают.Вы можете найти информацию из здесь .

$(e).css('color', 'rgba(255, 255, 255, ' + o + ')');

Кстати, ваш «составленный» атрибут является частью HTML5 :) Вы можете получить доступ к его значению следующим образом;

$(this).data('wjs-element');

Answer 2

Вы пробовали с:

$(e).fadeTo(0, o);