Question

我正试图在类“left1_sub”悬停时给一个带有“left2”类的div作为border-radius。

我搜索了很多解决方案，但似乎没有什么对我有用。

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，如果有失败，请对不起。

贲

Answer 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/

将鼠标悬停在其他css类上时更改类属性

1 个答案: