我有一个简单的"手风琴"类型页面,其中包含一个H3标题和DIV内容框的列表(每个H3后跟一个DIV).在这个页面上,我从隐藏的所有DIV开始.单击H3时,使用jQuery的"slideDown"函数显示正下方(之后)的DIV,而使用"slideUp"功能隐藏所有其他DIV .
"slideUp"函数将以下内联样式插入到指定的DIV中:
我想知道是否有任何方法可以让我在用户打印页面时显示所有扩展的DIV(就像用户禁用JavaScript时那样).
我认为这是不可能的,因为内联样式总是优先于任何其他样式声明.
还有其他解决方案吗?
解
Sugendran的解决方案非常棒,可以在我迄今为止测试的浏览器(FF2,IE7和IE6)中使用.我不知道有什么办法可以覆盖内联样式,我很确定这是我以前查过的内容所以我很高兴找到它.我也看到这里有这个答案.我希望搜索在这里导航并不困难:-).
Lee Theobald的解决方案很棒,但"slideUp"函数添加了style ="display:none;" 位.
我的解决方案工作正常,但是当!important声明有效时,它是矫枉过正的.
您可以在CSS中使用!important子句.这将覆盖内联样式.
因此,如果您设置了打印介质样式表 - 您可以执行类似的操作
div.accordian { display:block !important; }