1

5枚の写真を並べて浮かせたいと思います。それらのいずれかをホバーすると、ホバーした画像の横にある画像を押し出さずに幅を広げたいと思います。すべてをそのままにしておきたいのですが、ホバーしている写真のサイズが大きくなります。どうすればこれを行うことができますか。

4

1 に答える 1

2

ライブデモ

こんにちは、フローティングせずにこのCSSに慣れました

CSS

.parent{
border:solid 1px red;
  width:100px;
  white-space:nowrap;
  font-size:0;
}
.parent img{
border:solid 1px black;
  vertical-align:top;
}

HTML

<div class="parent">
<img src="http://www.gravatar.com/avatar/8193632933d351ea68ec1eae12f82057?s=32&d=identicon&r=PG">
<img src="http://www.gravatar.com/avatar/8193632933d351ea68ec1eae12f82057?s=32&d=identicon&r=PG">
  <img src="http://www.gravatar.com/avatar/8193632933d351ea68ec1eae12f82057?s=32&d=identicon&r=PG">
    <img src="http://www.gravatar.com/avatar/8193632933d351ea68ec1eae12f82057?s=32&d=identicon&r=PG">
      <img src="http://www.gravatar.com/avatar/8193632933d351ea68ec1eae12f82057?s=32&d=identicon&r=PG">
</div>

ライブデモ

---------------

更新されたデモ

于 2012-10-31T05:13:38.887 に答える