我无法通过Twitter Bootstrap使内容触及浏览器的边缘.
我正在开发一个全宽的网站,其中有图像触及视口的边缘.我已经将.container-fluid
div用于我.row
和col-
div.
到目前为止我尝试了什么:
.container-fluid
,但不幸的是,这使得水平滚动条出现在浏览器中;col-'s
,但这似乎不适合使用核心Bootstrap网格系统来实现这样一个简单的效果.更重要的是,目的不是去除所有排水沟,而是排在第一个和最后col-
一个row
排水沟(分别是左右排水沟)我已经在网上找到了解决这个问题的方法,但不幸的是,没有提供明确的答案.
简明扼要地说:
使用Bootstrap进行开发时,如何使内容触摸视口的边缘?
我正在构建一个简单的jQuery脚本,它将替换<img>
我网站上元素的源图像.我想知道是否可以将局部变量从一个事件处理程序(for mouseenter
)传递给该mouseleave
事件的下一个链接处理程序.这是我的代码:
$("#homepage-media-slider li > img").on('mouseenter', function() {
var ele = $(this);
var eleSrc = $(this).attr('src');
var overleafImage = $(this).attr('data-overleaf');
ele.attr('src', overleafImage);
ele.attr('data-overleaf', eleSrc);
}).on('mouseleave', function() {
....
});
Run Code Online (Sandbox Code Playgroud)
我希望能够使用ele
,eleSrc
并overleafImage
在事件处理程序的mouseleave
事件处理程序中,以节省自己不得不在此处理程序中再次编写相同的代码.有可能,如果是的话,怎么样?
您将如何创建具有可变颜色的不规则边框(如屏幕截图中的那个)?
我考虑在图形编辑器中创建边框图像,然后使用文档中border-image
描述的属性.
然而,这种技术不允许我实现进入边界"波浪"的多种背景颜色(屏幕截图中的灰色和白色)的效果.
另一种解决方案是在Photoshop中生成整个背景白色和灰色,然后在网站上使用它.出于性能原因,我真的想避免这种情况,并且更愿意只生成一个灰色的,经过检查的模式片段并重复它.
此外,正如您在屏幕截图中看到的,黑暗片段是来自旋转木马的图像 - 图像将全部采用不同的颜色,因此将边框图像应用于旋转木马容器也不是解决方案.
我很感激一些建议.谢谢.
我已经成功地将 NGINXngx_http_geoip_module
与 MaxMind 的 IP 数据库结合使用.dat
,扩展名:
http {
geoip_country GeoIP.dat;
geoip_city GeoLiteCity.dat;
geoip_proxy 192.168.100.0/24;
geoip_proxy 2001:0db8::/32;
geoip_proxy_recursive on;
然而,.dat
这是一种遗留格式。MaxMind 现在以二进制格式分发 IP 数据库.mmdb
。
NGINX 是否像它一样ngx_http_geoip_module
支持格式?.mmdb
.dat
我需要选择所有<select>
添加了“隐藏”属性的元素。这是标记:
<optgroup label="Label 1">
<option value="978" hidden>Option 1</option>
<option value="987" hidden>Option 2</option>
<option value="987" hidden>Option 3</option>
<option value="987">Option 4</option>
</optgroup>
Run Code Online (Sandbox Code Playgroud)
我只展示了一个<optgroup>
,但标记中有很多。
到目前为止,我想出了这个代码:
jQuery('optgroup').each(function() {
var options = jQuery(this).find('option');
jQuery.each(options, function(index, value) {
if ($(value).data('hidden') !== undefined) {
console.log('Found it!');
}
});
});
Run Code Online (Sandbox Code Playgroud)
不幸的是,里面的代码条件永远不是真的。我在这里缺少什么?
javascript ×2
jquery ×2
css ×1
css-shapes ×1
css3 ×1
each ×1
image ×1
maxmind ×1
nginx ×1
svg ×1