CSS IE8表单图片提交按钮移动问题

html-css011

CSS IE8表单图片提交按钮移动问题,第1张

原因：安装IE8后，使用某些不规范的系统主题可能导致这个问题。IE8上本身也有这个问题。

解决办法一：点此下载修复的CSS样式文件，放置到不会被误删除的安全地方。然后从工具菜单里进入IE选项→常规→辅助功能→“使用样式表编排文档格式”，选择下载的样式文件即可。

解决办法二：在您的浏览器图标上点击右键，选择属性。切换到兼容性，勾选“禁用视觉样式”，确定后重新运行浏览器即可。

解决办法三：新建一个文本文档 输入

INPUT

TEXTAREA

BUTTON

改扩展名为css 打开ie 工具 Internet选项 辅助功能

使用样式表编排文档格式 浏览 刚才的css文件

不如直接用HTML5+CSS3

1.确认HTML脚本文件第一行有

<!DOCTYPE html>

标记，这是浏览器识别HTML5版本的必要条件

2.如果该网页用于老式浏览器(低于IE9或Firefox4或Chrome25)，需添加shiv脚本，在head部分添加

<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

 <!--[if lt IE 9]><script src="

]-->

3.创建你的元素(此处使用article标记)，标记他的style样式（如例是一个带有圆角和阴影的亮蓝色元素）

HTML 5脚本

<article>

 <h1>An Article</h1>

</article>

CSS 3脚本

article {

 background: lightblue padding: 5px border-radius: 10px margin-bottom: 10px box-shadow: 4px 4px 10px rgba(0,0,0,0.5)

}