jquery dialog多个皮肤问题。

[sy401042879]

一个网页中，如何更改dialog皮肤。
例:a按钮点击是绿色皮肤。b按钮是蓝色皮肤。
$.dialog({skin:'iblue',content: 'url:webform2.aspx')这样好像不起作用。

如有知道的，请截图回答，以方便我测试。

[天下如山]

自己看API 同时你要是想皮肤起作用 应该要引入相关的css文件吧。

[sy401042879]

来几个高人回复下啊，帖子都快垫底了。

[斯洛文尼亚旅游]

看dialog的api是否支持皮肤的配置。。一般是不支持皮肤配置的，只能使用一个皮肤。。 可以点击按钮的时候动态加载皮肤文件覆盖之前加载的皮肤文件 a按钮点击是绿色皮肤。b按钮是蓝色皮肤。

<input type="button" value="Green" onclick="loadSkin('green')" />
<input type="button" value="Blue" onclick="loadSkin('blue')" />
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<script>
    function loadSkin(skin) {
        switch (skin) {
            case 'blue': $('head').append('<link href="蓝色皮肤css路径" type="text/css" rel="Stylesheet" />'); break;
            case 'green': $('head').append('<link href="绿色皮肤css路径" type="text/css" rel="Stylesheet" />'); break;
        }
        //延时1s后在弹出窗口，因为皮肤文件加载需要一定的时间
        setTimeout(function () {$.dialog({content: 'url:webform2.aspx') }, 1000);
    }
</script>

[sy401042879]

引用 4 楼 showbo 的回复:

看dialog的api是否支持皮肤的配置。。一般是不支持皮肤配置的，只能使用一个皮肤。。

我这个目前是支持的，现在问题已经解决。我没有动态调用，就是对应的修改样式。（因为只有几个部分需要修改。）
现在有一个比较2的问题。就是这个弹出窗口，遮挡不住flash。

[斯洛文尼亚旅游]

flash标签设置的问题。。设置wmode为transparent。。。 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="496" height="407"> <param name="wmode" value="transparent" /> ................ <embed wmode="transparent".........></embed> </object>

[sy401042879]

引用 6 楼 showbo 的回复:

flash标签设置的问题。。为transparent。。。

弄这个透明背景，彻底弄崩溃了。

[sy401042879]

网页中，好好的。

[myhope88]

没弄过，帮顶下

[sy401042879]

引用 6 楼 showbo 的回复:

flash标签设置的问题。。

关闭弹窗后，在重新弹出一个窗体。如何让这个窗体继续遮挡。目前我这个是遮挡的，但是遮挡层颜色不对。不知道这个怎么弄。是不是parent的问题。

[斯洛文尼亚旅游]

调整层的遮盖循序要修改z-index这个css 半透明一般是另外一个遮盖层来实现的。。设置了透明度。。具体要看你的框架怎么写的，用开发工具找到这个层，重设下css的透明度或者style里面写透明，或加样式覆盖默认的透明度

<style>
.opacity20{filter:alpha(opacity=20);opacity:.2}
.opacity40{filter:alpha(opacity=40);opacity:.4}
.opacity60{filter:alpha(opacity=60);opacity:.6}
div{width:100px;height:100px;background:#000;filter:alpha(opacity=10);opacity:.1}
</style>
<div></div>
<div class="opacity20"></div>
<div class="opacity40"></div>
<div class="opacity60"></div>