1

クラス「left1_sub」がホバーされているときに、クラス「left2」のdivにボーダー半径を与えようとしています。

多くの解決策を検索しましたが、何もうまくいかないようです。

それへの html: http://web318.login-11.hoststar.at/ben/kleinraum/wp/menuimg/index.html および完全な CSS: http://web318.login-11.hoststar.at/ben /kleinraum/wp/menuimg/style.css

.left1_sub{
     padding-top:2%;
     padding-bottom:2%;
     width: 100%;
   float: left;
   background-color: #cccccc
 }



.left1_sub:hover ~ .left2 {border-radius: 10px;}

.left2{

   float: left;
   margin-right: 20px;
   margin-top: 20px;
   width: 500px;
   height:600px;
   background-color: #ccccff
}

css3の自己紹介なので失敗したらごめんなさい。

ベン

4

1 に答える 1

1

これは、jQuery などを使用して非常に簡単に行うことができます。

jQuery の使用に慣れている場合は、このようなものが機能します。

まず、境界線の半径を指定して CSS でクラスを作成します。

.rounded { border-radius: 5px; /* (or whatever) */ }

次に、<script>タグで：

jQuery(document).ready(function($) {
     var obj = $('.left1_sub'),
         target = $('.left2');

     obj.hover(
          //mouse in
         function(){
            target.addClass('rounded');
         //mouse out    
         },function(){
            target.removeClass('rounded');
     });

});

http://jsfiddle.net/wGzgB/11/

于 2012-11-26T14:46:51.653 に答える