小编sCH*_*een的帖子

我有一些嵌套的div,在一个我有一个图像.如果用户悬停图像,它应该显示另一个跨度(在同一个包装器中).

html来源:

<div class="columns one-third"> 
<a href="#">
<img src="http://fc02.deviantart.net/fs70/i/2013/088/7/2/transformers_gold_icon_by_slamiticon-d5z7dqs.png" alt="Jack Sparrow" width="250px">
</a>
<div class="team-name"><h5>Jack Sparrow</h5><span></span></div>
<div class="team-about"><p><span class="slug">Chief Executive Officer / CEO</span><span class="number">#97</span></p></div> 

css来源:

div>a>img {
filter: url(/filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

div>a>img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    display:block;
}

div.team-about .slug{
    float:left;
}

div.team-about .number{
    float:right;
    margin: -10px 10px auto;
    font-size: 28px;
    display: none;
}

我准备了一个jsfiddle进行测试:http://jsfiddle.net/mnx8agy0/

悬停图像时应加载数字跨度.

有什么想法吗？

我坚持在 AWS 上配置一个简单的反向代理。由于我们有一台主机（反向代理 nginx）提供公共访问服务，我决定遵循规则并创建以下配置。

server {
    listen      9990;
    server_name project-wildfly.domain.me;

    access_log  /var/log/nginx/wildfly.access.log;
    error_log   /var/log/nginx/wildfly.error.log;

    proxy_buffers 16 64k;
    proxy_buffer_size 128k;

    root   /var/www/;
    index  index.html index.htm;

    location /console {
        proxy_set_header Host $server_addr:$server_port;
        proxy_set_header X-Forwarded-Proto $scheme;

        add_header Cache-Control "no-cache, no-store";
        proxy_pass http://10.124.1.120:9990/console;
    }

    location /management {
        proxy_set_header Host $server_addr:$server_port;
        proxy_set_header X-Forwarded-Proto $scheme;

        add_header Cache-Control "no-cache, no-store";
        proxy_pass http://10.124.1.120:9990/management;
    }
}

这将为管理控制台提供服务，我可以使用用户登录。然后出现此消息：

拒绝访问

没有足够的权限访问此接口。

错误日志中没有任何内容。感谢您的任何提示！