使用css悬停图像

时间:2016-01-19 11:26:02

标签: css

我试图为我的“更多”'博客上的按钮。我试图引用:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url' expr:title='data:post.title'><img src='http://3.bp.blogspot.com/-JpvWYCR8FXA/Vp1oL9cD7BI/AAAAAAAAAe4/1PRPh1ASGG8/s1600/extendedreadmore.png'/></a>
      </div>
    </b:if>

用这个css:

 .jump-link:hover  {
        background: url('http://1.bp.blogspot.com/-i936l-GupbU/Vp4Z9y7tpAI/AAAAAAAAAgw/lyJYJds5PNc/s1600/readmorerollover.jpg');
    }

但它没有出现。我尝试了几种变体,似乎找不到任何找到解决方案的类似主题。

2 个答案:

答案 0 :(得分:1)

你可以这样试试 -

&#13;
&#13;
    NSArray *expectedBanks = [NSArray arrayWithObjects:
                                                      @"ABHYUDAYA COOPERATIVE BANK LIMITED" ,
                                                      @"ABU DHABI COMMERCIAL BANK" ,
                                                      @"AHMEDABAD MERCANTILE COOPERATIVE BANK", nil];

        NSPredicate *predicate = [NSPredicate predicateWithFormat:@"bank IN %@", expectedBanks];
        NSArray *filtered  = [response filteredArrayUsingPredicate:predicate];
&#13;
.jump-link:hover  {
        background: url('http://1.bp.blogspot.com/-i936l-GupbU/Vp4Z9y7tpAI/AAAAAAAAAgw/lyJYJds5PNc/s1600/readmorerollover.jpg') no-repeat	;
    }
    .jump-link:hover img{opacity:0;}
&#13;
&#13;
&#13;

我希望我能帮助你。

答案 1 :(得分:0)

您使用后台作为独立媒体资源。

您正在寻找的是:

.jump-link:hover  
    {
        background-image: url('http://1.bp.blogspot.com/-i936l-GupbU/Vp4Z9y7tpAI/AAAAAAAAAgw/lyJYJds5PNc/s1600/readmorerollover.jpg');
    }

更多信息Here