http://wiki.blueidea.com/index.php?action=history&feed=atom&title=%E8%83%8C%E6%99%AF%E9%80%8F%E6%98%8E%E8%80%8C%E5%86%85%E5%AE%B9%E4%B8%8D%E9%80%8F%E6%98%8E%E7%9A%84%E5%AE%B9%E5%99%A8 背景透明而内容不透明的容器 - 版本历史 2026-04-29T01:58:21Z 本wiki的该页面的版本历史 MediaWiki 1.24.1 http://wiki.blueidea.com/index.php?title=%E8%83%8C%E6%99%AF%E9%80%8F%E6%98%8E%E8%80%8C%E5%86%85%E5%AE%B9%E4%B8%8D%E9%80%8F%E6%98%8E%E7%9A%84%E5%AE%B9%E5%99%A8&diff=6842&oldid=prev yoom：/*添加一个示范链接*/ 2010-06-10T08:25:49Z <p>‎<span dir="auto"><span class="autocomment">添加一个示范链接</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2010-06-10T08:25:49的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第13行：</td> <td colspan="2" class="diff-lineno">第13行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/thread-2907956-1-1.html 取消透明度继承的方法]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/thread-2907956-1-1.html 取消透明度继承的方法]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*[http://bbs.blueidea.com/viewthread.php?tid=2979699&amp;page=1#pid4894653 图片上加文字说明]，请到第3楼获取源码。</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2981049&amp;page=1#pid4904374 透明容器上的不透明文字]，附带滑动效果，请到第6楼获取源码。</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2981049&amp;page=1#pid4904374 透明容器上的不透明文字]，附带滑动效果，请到第6楼获取源码。</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Category:CSS]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Category:CSS]]</div></td></tr> </table> yoom http://wiki.blueidea.com/index.php?title=%E8%83%8C%E6%99%AF%E9%80%8F%E6%98%8E%E8%80%8C%E5%86%85%E5%AE%B9%E4%B8%8D%E9%80%8F%E6%98%8E%E7%9A%84%E5%AE%B9%E5%99%A8&diff=6732&oldid=prev yoom：/*增加一个实例链接*/ 2010-04-20T14:50:50Z <p>‎<span dir="auto"><span class="autocomment">增加一个实例链接</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2010-04-20T14:50:50的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第4行：</td> <td colspan="2" class="diff-lineno">第4行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 采用Padding的办法 ==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 采用Padding的办法 ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[http://bbs.blueidea.com/viewthread.php?tid=2970712&amp;page=1#pid4858493 自适应高度的透明背景]，请到帖子的'''第3楼'''<del class="diffchange diffchange-inline">获取源码！</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>[http://bbs.blueidea.com/viewthread.php?tid=2970712&amp;page=1#pid4858493 自适应高度的透明背景]，请到帖子的'''第3楼'''<ins class="diffchange diffchange-inline">获取源码。</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==采用RGBa的方法==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==采用RGBa的方法==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[http://www.qianduan.net/rgba-browser-support-compatibility.html RGBa色彩的浏览器支持]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>[http://www.qianduan.net/rgba-browser-support-compatibility.html RGBa色彩的浏览器支持]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==采用absolute的方法==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==采用absolute的方法==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[http://bbs.blueidea.com/thread-2907956-1-1.html 取消透明度继承的方法]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>[http://bbs.blueidea.com/thread-2907956-1-1.html 取消透明度继承的方法]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*[http://bbs.blueidea.com/viewthread.php?tid=2981049&amp;page=1#pid4904374 透明容器上的不透明文字]，附带滑动效果，请到第6楼获取源码。</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Category:CSS]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Category:CSS]]</div></td></tr> </table> yoom http://wiki.blueidea.com/index.php?title=%E8%83%8C%E6%99%AF%E9%80%8F%E6%98%8E%E8%80%8C%E5%86%85%E5%AE%B9%E4%B8%8D%E9%80%8F%E6%98%8E%E7%9A%84%E5%AE%B9%E5%99%A8&diff=6625&oldid=prev yoom：创建新页面为 '此页介绍了背景透明而内容不透明的基本实现方法，'''仅适用于没有渐变效果的均等alpha背景色，且无圆角边框的容器'''。 == 采用Padd…' 2010-02-26T09:43:47Z <p>创建新页面为 &#039;此页介绍了背景透明而内容不透明的基本实现方法，&#039;&#039;&#039;仅适用于没有渐变效果的均等alpha背景色，且无圆角边框的容器&#039;&#039;&#039;。 == 采用Padd…&#039;</p> <p><b>新页面</b></p><div>此页介绍了背景透明而内容不透明的基本实现方法，'''仅适用于没有渐变效果的均等alpha背景色，且无圆角边框的容器'''。<br /> <br /> <br /> == 采用Padding的办法 ==<br /> <br /> [http://bbs.blueidea.com/viewthread.php?tid=2970712&amp;page=1#pid4858493 自适应高度的透明背景]，请到帖子的'''第3楼'''获取源码！<br /> <br /> ==采用RGBa的方法==<br /> <br /> [http://www.qianduan.net/rgba-browser-support-compatibility.html RGBa色彩的浏览器支持]<br /> <br /> ==采用absolute的方法==<br /> <br /> [http://bbs.blueidea.com/thread-2907956-1-1.html 取消透明度继承的方法]<br /> <br /> [[Category:CSS]]</div> yoom