css3隐藏圖檔的方法：1、為圖檔元素設定display:none;樣式來隐藏。2、使用visibility:hidden;樣式隐藏圖檔。3、使用opacity:0;樣式通過設定圖檔完全透明來設定圖檔不可見。
css中可以使用下面幾種樣式隐藏圖檔：display:none;
visibility:hidden;
opacity:0;
下面我們就來介紹這幾種隐藏圖檔的方法：
1、display:none;
display 屬性規定元素應該生成的框的類型。屬性值為none表示此元素不會被顯示。
示例：
.img1{
display: none;
}
div{
border: 5px solid red;
float: left;
}
效果如下：
2、visibility:hidden;
visibility 屬性規定元素是否可見。即使不可見的元素也會占據頁面上的空間。屬性值為hidden表示元素是不可見的。
将css樣式修改為下面的樣式：.img1{
visibility:hidden;
}
效果如下：
3、css3屬性opacity
opacity屬性設定元素的不透明級别。opacity:0;樣式設定元素完全透明。
為圖檔元素設定下面的css樣式即可設定圖檔不可見：.img1{
opacity:0;
}
效果如下：