私はライトボックスのCSSファイルを使用しています代わりに、下

Question

の上部にあるCSSファイルでpostion近いXを作成する方法、それは私がトップで、この

belwoを行う方法ことをしたい画像の底に近いXのクロスを表示します私のcssファイル

/* line 112, ../sass/lightbox.sass */ 

.lb-data .lb-close { 
width: 35px; 
float: right; 
padding-bottom: 0.7em; 
    outline: none; 
} 


/* line 117, ../sass/lightbox.sass */ 


.lb-data .lb-close:hover { 
cursor: pointer; 
} 

Answer 1

でまず

このようにあなたが相対メインコンテナの位置を定義し、絶対的なボタンの位置を閉じて、あなたのレイアウトに応じて左右トップ下を定義するために与えるべきだと思うようちょっと私はあなたがしたいと思います...

のCss

.lb-data{ 
width:200px; 
    height:200px; 
    background:red; 
    margin:100px 0 0 100px; 
    position:relative; 
} 

.lb-data .lb-close { 
width: 35px; 
    height:25px; 
    position: absolute; 
padding-bottom: 0.7em; 
    outline: none; 
    top:-36px; 
    right:-13px; 
    background:green; 
    color:white; 
    font-weight:bold; 
} 


/* line 117, ../sass/lightbox.sass */ 


.lb-data .lb-close:hover { 
cursor: pointer; 
} 

HTML

<div class="lb-data"> 


    <div class="lb-close">XX</div> 

</div> 

ライブデモhttp://jsfiddle.net/rohitazad/GgGzm/