我的图像宽度设置为100%,最小宽度为1024px.我希望在图像上保留"阴影"div,并在窗口大小改变时匹配它的高度,这会导致图像大小按比例变为窗口宽度.我目前的代码似乎什么都不做......
模板在这里http://jordan.rave5.com/tmp/你会注意到backgroudn-overlay和background-gradient divs不会扩展100%的文档.那是另一个问题.大声笑.我试图让它们成为BG 100%的宽度和高度.
jQuery的:
$('.header-img').css('height', function(imgheight) {
$('.image-grad').css({'height': + imgheight});
});
CSS:
.image-grad {
position: absolute;
z-index: 600;
transition: width 2s;
-webkit-transition: width 2s;
width: 100%;
min-height: 174px;
max-height: 608px;
background-image: url(images/header-img.png);
background-repeat: repeat-x;
background-position: bottom;
top: 0;
left: 0;
}
.header-img {
position: relative;
z-index: 500;
width: 100%;
min-width: 1024px;
opacity: 0.0;
}
HTML:
<img class="header-img" src="slides/fields.jpg" alt="Panoramic Fields" />
<div class="image-grad"></div>
我怎么能做到这一点？
我试图确保图像大,然后在我的图像查看器中打开它们的查看宽度.但是在720p分辨率和谷歌浏览器上,原始和视口宽度的宽度都为0 ...
这是一个示例页面,其中应在BFX View中打开图像(在较低分辨率的Chrome中试用):实例
记录(扫描的第一张图像是有问题的图像)
Starting BFX View Version 0.3 Build 61 alpha
bfxcore.js:92 BFX View -> Looking for images in: .postpreview...
bfxcore.js:92 BFX View -> Looking for images in: .content...
bfxcore.js:109 Image: http://media-cache-ec0.pinimg.com/originals/ed/e1/c7/ede1c78fe16fba4afd1606772a5fc1ac.jpg Original Width: 0 Against: 0
bfxcore.js:109 Image: images/smilies/wink.png Original Width: 0 Against: 0
bfxcore.js:109 Image: images/smilies/smile.png Original Width: 0 Against: 0
bfxcore.js:109 Image: images/primus/blue/misc/quote_icon.png Original Width: 0 Against: 0
bfxcore.js:109 Image: images/primus/blue/buttons/viewpost-right.png Original Width: 0 Against: 0
bfxcore.js:109 Image: images/smilies/wink.png Original Width: 0 Against: …我正在尝试使用http://blurjs.com/来模糊标题栏的标题栏的BG.然而,它给了我一个有趣的错误,我似乎无法追查.它可能与主代码和兼容性有关,但我不确定.
错误是
无法加载资源:服务器响应状态为404(未找到) http://jordan.rave5.com/tmp/none
当内容框很小时,当页面首次初始化加载时,背景渐变div也难以扩展100%.我已经尝试在其中添加100%或更大的另一个div来推出它,但它最终会在内容区域扩展时将页脚向下推进.有点烦人.
我试图找出为什么我的背景容器"background-overlay"和"background-gradient"正在推动文档的高度远远超出显示的内容？我不确定这里发生了什么.可能太简单了.
这是工作中的模板http://jordan.rave5.com/tmp/
我不确定代码问题是什么,我认为与上述两个类有关.
可能的罪魁祸首:
#background-overlay {
z-index: 100;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #273722;
background-image: url(images/main-bg.png);
background-repeat: repeat;
background-attachment: fixed;
opacity: 0.0;
top: 0;
bottom: 0;
}
#background-gradient {
position: fixed;
z-index: 200;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-image: url(images/main-grad.png);
background-repeat: repeat-x;
background-position: top;
top: 0;
bottom: 0;
overflow: auto;
}
HTML
<div id="background-overlay">
<div id="background-gradient">
<div id="header-image-grad">
<div id="header">
<div id="header-container">
<div id="navigation-container">
<div id="navigation">
<span id="nav">Navigation Area...</span>
</div>
</div>
</div> …我有一些简单的代码，但目前它不会在第一次调用后删除侦听器。我怎样才能做到这一点？或者我是否真的需要在通知后对 var 集添加冗余 if/else 检查？
document.addEventListener("contextmenu", function(e){
alert("Please remember this is someone's art! Give credit where it is deserved!");
document.removeEventListener("contextmenu", function(e){
console.log('User has been warned...');
});
}, false);
更新代码每次右键单击仍然相同的消息
document.addEventListener("contextmenu", function msg(e){
alert("Please remember this is someone's art! Give credit where it is deserved!");
e.removeEventListener("contextmenu", msg, false);
}, false);
有人能告诉我为什么这个简单的命令找不到输出"java版本"？
if java -version | grep -q "java version" ; then
echo "Java installed."
else
echo "Java NOT installed!"
fi
输出java -version如下
java version "1.8.0_77"
Java(TM) SE Runtime Environment (build 1.8.0_77-b03)
Java HotSpot(TM) 64-Bit Server VM (build 25.77-b03, mixed mode)
我想知道是否可以使用jQuery来选择DOM中的所有标签,并且只影响具有背景颜色属性集的标签？我想最终添加不同的配色方案,这只是背景颜色的问题.