0

CSSサイドバーを作ろうとしています。デフォルトでは非表示で、この画像だけが右から出てきます (以下を参照)。ユーザーがこの画像にカーソルを合わせるとすぐに、テキストが入った小さなボックスが表示されます。

サイドバーは右上隅ではなく、画面の高さの半分に配置する必要があります。左側でアニメーションなしでこれを行うことができます (コードを参照)。私には不可能に思えます: 私は CSS が嫌いです (!!!)。ご辛抱いただきありがとうございます。質問をお許しください。しかし、私は CSS の初心者です。

編集: http://jsfiddle.net/WSZbe/1/これはこれまでの私の試みです...

#side{
position:absolute;
  top:0;
  left:0;
  height:40px;
allign: center;
background-color: blue;

ここに画像の説明を入力

4

2 に答える 2

0 
#side{
position:absolute;
  top:0;
  left:0;
  height:40px;
allign: center;
background-color: blue; 
}
#side:hover{
  position:absolute;
  top:0;
  left:200px;
  height:40px;
  allign: center;
  background-color: blue; 
}
于 2012-04-12T01:15:05.770 に答える
0

このようなもの？今は調整する時間がありませんが、それがあなたが望んでいたものかどうかはわかるはずです... FIDDLE Link

于 2012-04-12T13:42:24.727 に答える