Javascript 更改不透明度属性并将渐变应用于引导工具提示

Javascript 更改不透明度属性并将渐变应用于引导工具提示,javascript,css,asp.net-mvc,twitter-bootstrap,Javascript,Css,Asp.net Mvc,Twitter Bootstrap,在我的MVC3项目(使用Twiter引导)中,我有一个带有两个单选按钮的页面。将鼠标悬停在第二个视图上时,视图将显示引导工具提示。此外,我还有一个JS函数,可以将工具提示的CSS外观更改为黄色 我想通过向我的JS函数添加一些css属性来移除透明度并应用渐变。大概是这样的: background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCEEC1),color-stop(100%,#EEDC94));

在我的MVC3项目(使用Twiter引导)中,我有一个带有两个单选按钮的页面。将鼠标悬停在第二个视图上时,视图将显示引导工具提示。此外,我还有一个JS函数,可以将工具提示的CSS外观更改为黄色

我想通过向我的JS函数添加一些css属性来移除透明度并应用渐变。大概是这样的:

background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCEEC1),color-stop(100%,#EEDC94));
我已经尝试了一千种方法,但我不能。你能帮帮我吗

提前谢谢

我的单选按钮:

<span class="radio-button-revoked" title="CAUTION! Selecting this option will cause the revocation of the order delivery">
@Html.RadioButtonFor(model => model.Status, 0, new { style = "margin-top: 0px;" })</span><span class="text-error"><strong> Not delivered</strong>
</span>
更新:基本解决。设置渐变:

$('.tooltip-inner').css('background-image', '-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCEEC1),color-stop(100%,#E4BF46))')
我注意到我可以通过将值从0.1设置为1来使用渐变:

$('.tooltip-inner').css('opacity', '0.1')

$('.tooltip-inner').css('opacity', '1')
但我不能让它完全不透明:(

解决了


bootstrap.css与javascript中定义的css样式重叠,因此我更改了bootstrap.css中的不透明度值,但是,有没有办法在不修改css的情况下执行此操作?

您可以使用标识符:.tooltip.in更改工具提示的不透明度

因此,如果您希望它完全不透明,只需使用:

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

您可以这样做:$('.tooltip-inner').css({'background-color':color,'color':textcolor,'font-weight':'bold'});@karaxuna谢谢,但这只优化了现有的JS代码,并不能解决我的问题。我知道这不会解决您的问题:)
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}