关于easyui 圆角按钮在ie9不能隐藏

Posted 前端小记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于easyui 圆角按钮在ie9不能隐藏相关的知识,希望对你有一定的参考价值。

(一)在easyui框架里 在a标签里添加class=\'easyui-linkbutton\'

如:

(二)问题:在ie9里圆角背景overflow:hidden 不起作用

(a)框架内 html 部分

 

(b)CSS部分

 

(三)解决:

在ie9 下 按钮背景色不加到.l-btn  

(a)直接加到.l-btn-left

:root .l-btn-left{background: #0089bd}

(b)加到 .l-btn-text  调padding值

		<!-- [if lt IE 9]>
			.l-btn-text{
			background: #0089bd;
			margin: 0;
			padding: 0 4px;
		}
		<![endif] -->

  

 

以上是关于关于easyui 圆角按钮在ie9不能隐藏的主要内容,如果未能解决你的问题,请参考以下文章

如何使 CSS3 圆角在 Chrome/Opera 中隐藏溢出

隐藏/显示片段中的导航元素

WebUploader在IE9中文件选择按钮点击没反应

easyui在IE9中的显示问题

当我尝试在片段中显示或隐藏浮动操作按钮时出错

在android中显示隐藏片段