0

ここにこの画像がありますhttp://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.pngの背景画像として使用したいh1

私の問題は、左側の部分を表示するにはどうすればよいですか? ここに私の現在のCSSコードがあります

.homeBottom h1 {
    background-image: url("http://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.png");
    color: #FFFFFF;
    height: 36px;
    margin-left: -50px;
    width: 589px;
}

使えばうまくいくと思っmargin-left:-50pxていたのですが、うまくいきませんでした。

4

4 に答える 4

2

指定しますheight: 36px;が、画像の高さは86ピクセルです。高さを86pxに変更すると、全体が表示されます。

36pxが正しい高さである場合は、代わりに背景の位置を変更できます。

background-position: left bottom;

于 2012-09-24T03:54:51.043 に答える
0

こんにちは今afterあなたのCSSで慣れています

このように

HTML

<h1>Hello testing page </h1>

Css

h1{
background:red;
  padding-left:20px;
  position:relative;
  height:40px;
  line-height:40px;
}
h1:after{
content:'';
  position:absolute;
  left:6px;
  top:18px;
  background:green;
  width:30px;
  height:30px;
z-index:-1;
/* Firefox */
-moz-transform: rotate(-65deg);
/* Safari */
-webkit-transform: rotate(-65deg);

/* IE */
-ms-transform: rotate(-65deg);

/* Opera */
-o-transform: rotate(-65deg);

}

デモhttp://tinkerbin.com/QTAO90R0

于 2012-09-24T04:21:16.737 に答える
0

これらの変更を行う

.homeBottom {
position: relative;
}

.homeBottom h1 {
position: absolute;
left: -50px;
top: /* give as per required */
}
于 2012-09-24T03:55:30.373 に答える
0

Background-sizeプロパティ (CSS3)も使用できます。背景画像のwidthとを設定できます。heightあなたの場合、背景画像のを要素heightのと同じに設定したい場合は、次のように指定します。heighth1

background-size:100% 36px;

ここでフィドルを参照してください。

このリンクをチェックして、このプロパティを古いバージョンの IE でも機能させることができます。

于 2012-09-24T04:49:51.077 に答える