红包
◆ [2024-12-22 星期日 16:23] ◆
您来自：18.191.205.110，欢迎您访问風雲工作室。
◆
收藏本站
◆ | ◆
设为首页
◆
联系站长（腾讯QQ）
5029111 [風雲]
〓
站长当前离线
〓
首 页
论坛交流
游戏频道
无忧脚本
旧版论坛
云服务器
聊 天 室
自助链接
来访记录
访客留言
搜索提供
位置：
風雲工作室
-
论坛交流
-
技术专栏
-
脚本中心
- 【讨论】如何给按钮增加背景图片？（IE Bug！）
返回
主题：【讨论】如何给按钮增加背景图片？（IE Bug！）
Rimifon
★☆☆☆☆☆☆☆☆☆
积分：285
发帖：317
登录：2024/3/26
注册：2006/6/28
（1楼）
【讨论】如何给按钮增加背景图片？（IE Bug！）
貌似IE6和IE7都是这个理，我们先看下面的代码：
<html><head><title>背景测试</title> <style type="text/css"> input{ background-image: url(/Test/Test/Btn.gif) } </style></head><body> <input type="button" value="按钮" /> <input type="button" value="按钮" style="border: none" /> </body></html>
[您可以先修改代码再运行]
看到没，IE7和IE8都是一个理，设置背景图片，还得附带设置一下边框（背景色也可以）。再看看<!doctype>模式：
<!doctype><html><head><title>背景测试</title> <style type="text/css"> input{ background-image: url(/Test/Test/Btn.gif) } </style></head><body> <input type="button" value="按钮" /> <input type="button" value="按钮" style="border: none" /> </body></html>
[您可以先修改代码再运行]
IE8下面正常了，IE7还是在照舅。
今天在办公室遇到的情况更复杂，border设置和background-image同时无效（IE7），后来加上一个background-color才解决问题，也许，不同的操作系统（办公室Win2008未升过级，家里升级版Win2008 R2）才会出现这种怪异的问题。
風雲工作室
时间:
2010年3月17日 20:52:29
ＩＰ:
已记录
引用
回复
Rimifon
★☆☆☆☆☆☆☆☆☆
积分：285
发帖：317
登录：2024/3/26
注册：2006/6/28
（2楼）
再来Show一个IE8的Bug
<!doctype> <div style="height: 20px; background: green"></div> <div id="a" style="height: 100px; background: yellow"> <div id="b" style="margin-top:1cm; width: 50%; height: 20px; background: #f00"></div> </div>
[您可以先修改代码再运行]
上面代码中，有个1cm的margin-top是属于b的，但在IE8实际显示出来的效果中，它变成a的了。
風雲工作室
时间:
2010年3月17日 21:12:49
ＩＰ:
已记录
引用
回复
© Copyright 2006-2024,
風雲工作室
All rights reserved.
【
湘ICP备05009306号
】
QQ登录
操作 1 个库，连接 3 次，执行 8 次，耗时 203 毫秒。
