如何使的HTML颜色的引导设计的边缘到边缘

我有HTML，CSS和引导的一个非常基本的知识。所以请原谅，如果任何术语是错误的。如何使的HTML颜色的引导设计的边缘到边缘

这是网页：http://jowoco.com/stackoverflow/scheduletech.html

在大型显示器（分辨率> 1500px）或缩小屏幕（按Ctrl/CMND + “ - ”），你会看到的颜色只是停止。理想情况下角度会继续，但至少应该让颜色继续在屏幕的左侧和右侧作为实体（见模拟）。

我已附加的东西我觉得作为一个定位点（不知道这是否是一个div或者跨度）可能工作的截图，但不知道如何做到这一点的实际做法。

Clean screenshot illustrating the problem Annotated proposed solution - not sure how to code this in practice

感谢这么多提前为您的帮助和时间， Wojo

来源

2013-08-23 WoJo

有几个方法可以做到这一点......但最简单的到目前为止是创建一个线性渐变为页面的背景，而不是直白色。

这将使栏从边缘到边缘即使页面的主体停止。

不幸的是，你没有给相当足够的信息让我简单地交给你它的代码：

什么是蓝色条纹的角度？
您的网页变化的几何形状，当浏览器窗口大小？具体来说，这个蓝色旗帜是否在移动？
您需要支持哪些浏览器？

如果你有这些问题的答案，请随时放在这里，我会更新这个答案。

如果你宁愿采取裂缝在自己的代码，就可以产生在Colorzilla。生成的代码看起来是这样的：

background: #ffffff; /* Old browsers */ 
background: -moz-linear-gradient(45deg, #ffffff 50%, #91b5b5 50%, #91b5b5 71%, #ffffff 71%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left bottom, right top, color-stop(50%,#ffffff), color-stop(50%,#91b5b5), color-stop(71%,#91b5b5), color-stop(71%,#ffffff)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(45deg, #ffffff 50%,#91b5b5 50%,#91b5b5 71%,#ffffff 71%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(45deg, #ffffff 50%,#91b5b5 50%,#91b5b5 71%,#ffffff 71%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(45deg, #ffffff 50%,#91b5b5 50%,#91b5b5 71%,#ffffff 71%); /* IE10+ */ 
background: linear-gradient(45deg, #ffffff 50%,#91b5b5 50%,#91b5b5 71%,#ffffff 71%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1); /* IE6-9 fallback on horizontal gradient */

此代码覆盖火狐，更早，更是Chrome浏览器之间的所有浏览器，甚至下降到IE 6-9。

的代码，一般，看起来远远比它差...大头的代码，你可以直接设定在蓝条应该出现的角度; IE6-9和Chrome的早期版本除外。

早期版本的Chrome可能几乎不存在，因为Chrome通常会自动更新自己......但是一如既往的早期Internet Explorer可能会出现问题。

来源

2013-08-23 02:21:19 Steve

如何使的HTML颜色的引导设计的边缘到边缘

回答

相关问题