1、第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。
2、打开浏览器查看结果，图片已处于正中状态。
3、第二种方法css代码如图。div设置成相对定位，img设置成绝对定位，然后left:50%，top:50%，此时图片的左上角将位于div的中心。重点：图片向上移动图片高度的一半，并向左移动图片宽度的一半。正好为与div正中间。
4、在浏览器查看结果，图片水平，垂直均居中。
可以把带有 不透明度的div 跟 嵌套img 的div 分开来，也就是 把两个效果分开，让 背景图片的div 跟 img 所在的div在相同的位置， 但设置 不同的 z-index 值，让背景图片的div在 img div 的下层。效果上可以达到你想要的，但 在你说的基础上 多一个带有背景 div 。这样 透明度就不会影响，因为 这时 img不是 带透明度div的子元素。div 宽和高要设定。image宽度设为100%就行了，高度会自动按比例缩放。
如果你想图片铺满div而无视图片长宽比例，那么把image高度也设为100%就行了。但是这样image会变形，不推荐（除非你确定图片长宽和div长宽同比例）。
