相容所有瀏覽器overflow-x:hidden或者overflow-y:hidden

antzone發表於2017-04-04
瀏覽器

由於現在寫的css程式碼很少相容IE8和IE8以下瀏覽器，所以沒有特別在意。

感謝論壇一個網友yuantingjun的幫助，它幫忙提供了一個解決方案，在這裡和大家分享一下。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
div {
  width: 150px;
  height: 200px;
  background: #ccc;
  overflow: auto;
  position:relative;
  overflow-x: hidden;
}
</style>
</head>
<body>
<div><img src="demo/CSS/img/redstar.gif"></div>
</body>
</html>

上面的程式碼實現了相容IE8和IE8以下瀏覽器的功能。新增如下程式碼就可以實現相容:

[CSS] 純文字檢視 複製程式碼
overflow: auto;
position:relative;

更多關於overflow-x可以參閱overflow-x一章節。

相關文章