想问下图片自己适配大小,怎么弄?
想问下怎样在DIY里图片让它自己调整大小,怎么弄? 定义图片宽度width:100% 技术帮助 发表于 2015-5-14 17:32定义图片宽度width:100%
它这个有的正常大小,有些却出现不规则。
代码如下:<style type="text/css">
.vk_slide_730 { position:relative; overflow:hidden; width:730px; height:325px; }
/*
.cnt-sub .vk_slide span { height:50px; font:20px/50px "microsoft yahei"; }
*/
.vk_slide_730 span { height:50px; font-size:16px;}
.vk_slide_730 .vk_slide_item { position:absolute; top:0; left:0; width:100%; height:100%; }
.vk_slide_item a, .vk_slide_item a:visited { display:block; width:100%; height:100%; color:#FFF; }
.vk_slide_item a:hover { color:#FFF; text-decoration:none; }
.vk_slide_item img { width:100%; height:100%; }
.vk_slide_730 .slideshow li:hover img {opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);}
.vk_slide_item span { position:absolute; left:0; bottom:0; display:block; width:100%; height:60px; text-indent:10px; line-height:40px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000'); background:rgba(0,0,0,0.4); overflow:hidden; }
.vk_slide_page { position:absolute; right:0; bottom:10px; }
.vk_slide_730 .vk_slide_page a, .vk_slide_730 .vk_slide_page a:visited { float:left; margin-right:5px; padding-top:10px; width:16px; height:6px; text-align:center; font:700 12px/15px Simsun; text-indent:1000px;background:#FFF; border-radius:8px; box-shadow:inset 1px 1px 2px rgba(0,0,0,.4);overflow:hidden; /*opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);*/ }
.vk_slide_730 .vk_slide_page .on, .vk_slide_730 .vk_slide_page .on:visited { text-decoration:none; color:#FFF; background:#0ad; }
</style>
<div class="vk_slide_730 slidebox">
<ul class="slideshow">
<li class="vk_slide_item" style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target} title="{title}"><img src="{pic}" width="{picwidth}" height="{picheight}" /><span>{title}</span></a></li>
</ul>
<div class="vk_slide_page slidebar">
<a href="javascript:;">{currentorder}</a>
</div>
</div>
<script type="text/javascript">
runslideshow();
</script>
也试了width:100%,但没有多大的效果,具体怎么修改呢?老师
页:
[1]