wh1*_*t1k 1 html css crop linear-gradients
请考虑以下代码:http://jsfiddle.net/A98vk/
包装div有两个(左上角和右上角)圆角.第二个div是直接嵌套的,我想给它一个背景渐变.
我遇到的问题是当css属性border不存在或设置为0或时,背景线性渐变(抱歉只添加webkit版本,我有Chrome)会被裁剪0px [any params].当我重新设置属性时,问题就解决了.
任何人都可以告诉我它有什么问题吗？我知道我可以设置border: 1px solid rgba(0,0,0,0),但这对我来说似乎是一种解决方法.
保证金崩溃正在发生.有关stackoverflow上的margin-collaps的大量问题/答案.我自己回答了一个(可能更多):在HTML5网页中添加CSS边框更改定位
基本上h1的边距"崩溃",而是应用于周围的标题.没有背景被裁剪.标题只是变小了.
元素边距在它们之间没有任何东西时会崩溃.当您添加边框时,在它们之间放置一些东西,因此没有边距崩溃.
还有一点需要了解,包括其他方法来阻止边缘崩溃.您可以查看我上面的答案或只是谷歌搜索可能更详细的解释.
| 归档时间： |
|
| 查看次数： |
96 次 |
| 最近记录： |