当鼠标悬停在图像上时,我正试图将字体上的字体真棒图标居中.这是我的HTML:
<div class="profile-img-container">
<img src="http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" class="img-thumbnail img-circle img-responsive" />
<i class="fa fa-upload fa-5x"></i>
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS:
.profile-img-container {
position: relative;
}
.profile-img-container img:hover {
opacity: 0.5;
}
.profile-img-container img:hover + i {
display: block;
z-index: 500;
}
.profile-img-container i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
Run Code Online (Sandbox Code Playgroud)
但是,字体真棒图标会一直显示在左侧,当我悬停图像时图标会保持闪烁.这是我的JSFiddle:http: //jsfiddle.net/fns8byfj/1/
我刚刚将我的项目发布到Azure,突然间我收到以下错误:
无法加载文件或程序集'System.Web.Cors,Version = 5.0.0.0,Culture = neutral,PublicKeyToken = 31bf3856ad364e35'或其依赖项之一.定位的程序集的清单定义与程序集引用不匹配.(HRESULT异常:0x80131040)
自上次发布以来,我没有更新/安装任何nuget包.此外,我刚刚检查了.dkk文件,并将copy local设置为true.
这可能是什么问题?我没有改变任何事情.
在sitenode我的项目在当地工作正常.