怎样在UI里操作显示这种图片?

狗操_我今年大三它妈 发布于 2013/08/01 10:26
阅读 620
收藏 0
我在网上下载了一个视频转换的软件的,看了一下它的图片资源很特别了,一张图片包含多种状态样式。如图所示: 想请教一怎么用CSS或者QT操作这种图片。
加载中
0
贝多芬的悲伤。
用相对位置来指定显示图片的某一块区域?
狗操_我今年大三它妈
狗操_我今年大三它妈
就是想知道怎样显示图片的某一块区域
0
louiszoom
louiszoom

.bgcolor008
{
 background-image: url(imgs/ttl_ggf.gif);
 width:767px;
 height:80px;
 font-size:12px;
 visibility: visible;
 position: absolute;
 left:14px;
 top: 165px;
 vertical-align: middle;
 z-index: 2;
 color:#FFF;
 background-position:0  -0px;
 cursor:pointer;
 border:0px;
 background-repeat:no-repeat;
 display:inline-block;
 padding:  0 0 0 10px;
 vertical-align:middle;
 }
 .bgcolor009
{
 background-image: url(imgs/frjqueryban_bg01.png);
 width:50px;
 height:50px;
 position: absolute;
 visibility: visible;
 vertical-align: middle;
 z-index: 2;
 color:#FFF;
 background-position:-12px  -410px;
 cursor:pointer;
 border:0px;
 background-repeat:no-repeat;
 display:inline-block;
 vertical-align:middle;
 top: 14px;
 }
 .bgcolor010
{
 background-image: ;
 width:700px;
 height:76px;
 position: absolute;
 left:61px;
 top: -1px;
 visibility: visible;
 vertical-align: middle;
 z-index: 2;
 color:#FFF;
 background-position:0  0px;
 cursor:pointer;
 border:0px;
 background-repeat:no-repeat;
 display:inline-block;
 /*height-line:30px;*/
 
 vertical-align:middle;
 }
 .bgcolor018
{
 background-image: url(imgs/ttl_ggf.gif);
 width:767px;
 height:80px;
 font-size:12px;
 visibility: visible;
 position: absolute;
 left:14px;
 top: 245px;
 vertical-align: middle;
 z-index: 2;
 color:#FFF;
 background-position:0  -0px;
 cursor:pointer;
 border:0px;
 background-repeat:no-repeat;
 display:inline-block;
 padding:  0 0 0 10px;
 vertical-align:middle;
 }

0
louiszoom
louiszoom

作用机理是通过对图片定位,再显示特定部分

好处是不会某些有某些没

0
louiszoom
louiszoom

图片传不上来

你可以看一下19LOU.COM

她就是用这个方式的

返回顶部
顶部