草庐IT

webkit-margin-before

全部标签

html - 伪元素 :before and overflow hidden

我有一个有两个边框的元素。我通过添加一个伪元素实现了这一点:.inner:before{width:72px;height:28px;content:'';display:block;border:3pxsolidrgb(255,0,0);position:absolute;}该元素被另一个具有overflow:hidden属性的div包裹。如您所见:http://jsfiddle.net/HKEn4/1/.inner-element是隐藏的,但不是伪元素(在OSX上使用safari、firefox和chrome进行测试)。如何隐藏伪元素? 最佳答案

html - 为什么 "position: absolute; left: 0; right: 0; width: XYpx; margin: 0 auto"实际上居中?

我在CSS方面非常精通,但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中,但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0,它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0

html - 为什么 "position: absolute; left: 0; right: 0; width: XYpx; margin: 0 auto"实际上居中?

我在CSS方面非常精通,但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中,但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0,它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0

html - 为什么 margin :auto doesn't work?

这个问题在这里已经有了答案:CenterandDisplayonSameLine(3个答案)关闭8年前。我想让我的元素居中但是当我使用margin-left:auto;margin-right:auto;这是行不通的!这是我的htmlHiHiagian!这是我的CSS:#t{margin-left:auto;margin-right:auto;margin-top:10px;}.tc{margin-left:auto;margin-right:auto;width:600px;display:inline;border-style:solid;border-width:1px;}你可以

html - 为什么 margin :auto doesn't work?

这个问题在这里已经有了答案:CenterandDisplayonSameLine(3个答案)关闭8年前。我想让我的元素居中但是当我使用margin-left:auto;margin-right:auto;这是行不通的!这是我的htmlHiHiagian!这是我的CSS:#t{margin-left:auto;margin-right:auto;margin-top:10px;}.tc{margin-left:auto;margin-right:auto;width:600px;display:inline;border-style:solid;border-width:1px;}你可以

html - 如何使用 webkit-scrollbar 为白色 Angular 着色?

Fiddle我正在使用::-webkit-scrollbar在Chrome中制作自定义滚动条。我有一个border-radius:10px并且这样做时,顶部有白色的Angular:抱歉,因为它是滚动条,所以有点难看。我希望Angular的颜色与标题div(#dadae3)的颜色相同。有什么方法可以在不改变滚动条样式的情况下仅使用CSS去除白Angular?CSS(完整):body{padding:0;margin:0}::-webkit-scrollbar{width:13px;}::-webkit-scrollbar-track{background:#ffffff;border-r

html - 如何使用 webkit-scrollbar 为白色 Angular 着色?

Fiddle我正在使用::-webkit-scrollbar在Chrome中制作自定义滚动条。我有一个border-radius:10px并且这样做时,顶部有白色的Angular:抱歉,因为它是滚动条,所以有点难看。我希望Angular的颜色与标题div(#dadae3)的颜色相同。有什么方法可以在不改变滚动条样式的情况下仅使用CSS去除白Angular?CSS(完整):body{padding:0;margin:0}::-webkit-scrollbar{width:13px;}::-webkit-scrollbar-track{background:#ffffff;border-r

html - margin 自动失败 IE11

如果你checkmywebsite使用浏览器Chrome,您可以看到名为.bg-content的div如何与这种样式一起工作:.bg-content{max-width:605px;height:149px;position:absolute;top:62px;font-family:sans-serif;margin-left:auto;margin-right:auto;left:0;right:0;}但是如果你用InternetExplorer11打开我的网站,div.bg-content不会居中,他会向左浮动。我该如何解决这个问题? 最佳答案

html - margin 自动失败 IE11

如果你checkmywebsite使用浏览器Chrome,您可以看到名为.bg-content的div如何与这种样式一起工作:.bg-content{max-width:605px;height:149px;position:absolute;top:62px;font-family:sans-serif;margin-left:auto;margin-right:auto;left:0;right:0;}但是如果你用InternetExplorer11打开我的网站,div.bg-content不会居中,他会向左浮动。我该如何解决这个问题? 最佳答案

javascript - 如何在 webkit 浏览器(如 chrome、safari、opera)中删除 c fakepath?

如何在webkit浏览器(如chrome、safari、opera)中删除cfakepath?在IE和Firefox中只显示文件名,没问题但是在Chrome、opera、safari中。它显示C:\fakepath\700.jpg如何在Chrome、opera、safari中删除C:\fakepath\。.inputWrapper{overflow:hidden;position:relative;cursor:pointer;/*Usingabackgroundcolor,butyoucanuseabackgroundimagetorepresentabutton*/backgrou