图文混排css备忘

2013/10/31 18:03:292041 阅读

图文混排css实例：


<div class="Dimg">
	<img src="http://www.hekee.net/images/ad_1.jpg" alt="" width="575" height="335" /> <em><a href="http://www.hekee.net">now this link to www.hekee.net</a></em> 
</div>


css样式：


.Dimg {
	position:relative;
	display:block;
	height:335px;
	width:575px;
	border:2px solid #2A6794
}

.Dimg em {
	background:#111;
	opacity:0.5;/*除了IE外的写法*/  
filter:alpha(opacity=50);/*IE的写法*/
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:555px;
	padding:10px;
	border-top:1px solid #999;
}

下一条：facebook、twitter等社交网站分享按钮

上一条：msdos执行ipconfig /flushdns问题