2016-05-16 6 views
0

現在、サブテーマを使用して、アップロードされたイメージのサイズを大きくする/イメージのサイズを変更しようとしています。ロゴのためのCSSイメージサブディジットテーマのサイズ変更

現在のコードは次のとおりです。

/* SUBEDDIT LOGO ADDON 
----------------------*/ 
#header .pagename a { 
width: 100px; 
background: url(%%subredditlogo%%) left center/auto 50px 
} 

私はアスペクト比を維持して大きくなるために、画像を拡大縮小しようとしています。

私はこれがRedditにあると言いましたが、私はsubredditスタイルシートとのみ対話できます。


私はそれ一部を編集し、それを演じてきた、私は改善を得ているが、完全な画像が表示されていません。

は、ここに私の現在のコードです:それは幅をリサイズしてい

/* SUBEDDIT LOGO ADDON 
----------------------*/ 
#header .pagename a { 
width: 300px; 
background: url(%%subredditlogo%%) left center/auto 300px; 
background-size:100% 200%; 
background-repeat:no-repeat; 
} 

が、私は高さが変化することを得る傾けます。

left center/auto 300px; 

何も、また、ちょうどそれが今の固定を探している

height: 100%; 
height: auto; 

:私は疲れています。

+0

background-size:coverを試しましたか? –

+0

はい、仕事をしていないようですが、どのように試してみませんか? – Ethodax

+0

答えを投稿..それが助けてくれることを願っています! –

答えて

0

をあなたの "背景"のCSSを個人に各属性が適切に機能するための属性

0
#header .pagename a img{ 
width:100%; 
height:auto; 
} 

自動車のためにこのコードを試してみてください。IMG

+0

ロゴが消えます。 – Ethodax

0

のサイズを変更するあなたはこの試みることができる:私はあなたが分割する必要があると考えてい

background-image: url(%%subredditlogo%%); 
background-position: left center; 
background-size:cover; 
background-repeat:no-repeat; 

:これを試してみてください

background: url(logopath) no-repeat center center fixed; 
-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
関連する問題