IE8 页面控件设置样式无效问题

jeecg_ty · 发表于 2018-8-31 12:06:32

存在问题： IE8下 JEECG样式不够美观，存在很多不好的效果
解决方案： 通过以下修改，可以提高体验效果

具体修改：找到对应的JSP页面在第一行加上
<!DOCTYPE html> 即可。

（不好效果）IE8下不好效果体验有以下几点：
1、文本框/下拉框设置border，但是无效，如下图：
T9L3H[FHNN7T7J5U5`A`O.png

对比 IE11中的效果图：
T46}[}6VWLJ7YP]ZO]EDC94.png

2、设置z-index样式无效，例如，折叠菜单功能bug如图：
XHOV(V}FCU_2%LWG8LY@ANW.png

对比IE11中的效果图：

AMV8D29SY`KDWA`I8RYCT.png

参考文献：

看一下w3c对于这个标签的定义和用法就明白了：

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。（这就是为什么其他浏览器不需要添加这个标签的原因了，因为他们支持H5啊）

提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。