none
【ASP.NET】一张图片的不同位置如何应用在整个页面的不同区域呢? RRS feed

  • 问题

  • 这是一整张图片,下面是我在某网站上的截图:

     

    图片上用红框标注的部位正好是之前图片上有的图案,请问这是利用什么方法实现的?谢谢!


    煜诚海参专卖 淘宝店铺:http://jinweb.taobao.com
    • 已移动 Paul Zhou 2011年9月14日 8:01 (发件人:.NET Framework 一般性问题讨论区)
    2011年9月13日 0:52

答案

  • 你好

    這應該是可以用CSS 實現的

    E.G.

    假設這是 SEARCH BOX

    <input type="text" id="txt_Search" name="txt_Search"/>
    
    /* Image in Text Box */
    .txt_Search{
    	background:#FFFFFF url(images/search.png) no-repeat 4px 4px;
    	padding:4px 4px 4px 22px;
    	border:1px solid #CCCCCC;
    	width:230px;
    	height:18px;
    }
    


    Please correct me if my concept is wrong


    Chi
    2011年9月13日 5:30
  • 关键只是这句

    background:#FFFFFF url(images/search.png) no-repeat 100px 0px;

     

    background:#FFFFFF url(images/search.png) no-repeat 50px 100px;

     

    等进行定位的


    【孟子E章】
    2011年9月16日 9:20
    版主

全部回复

  • 你好

    這應該是可以用CSS 實現的

    E.G.

    假設這是 SEARCH BOX

    <input type="text" id="txt_Search" name="txt_Search"/>
    
    /* Image in Text Box */
    .txt_Search{
    	background:#FFFFFF url(images/search.png) no-repeat 4px 4px;
    	padding:4px 4px 4px 22px;
    	border:1px solid #CCCCCC;
    	width:230px;
    	height:18px;
    }
    


    Please correct me if my concept is wrong


    Chi
    2011年9月13日 5:30
  • 关键只是这句

    background:#FFFFFF url(images/search.png) no-repeat 100px 0px;

     

    background:#FFFFFF url(images/search.png) no-repeat 50px 100px;

     

    等进行定位的


    【孟子E章】
    2011年9月16日 9:20
    版主