草庐IT

border-box

全部标签

html - CSS3 border-radius 裁剪问题

我有一个border-radius设置为某个值(比如10px)的div,以及一个嵌套的div,它是其父元素的完整宽度和高度。div.parent{display:block;position:relative;width:100px;height:100px;border-radius:10px;background:#0000ff;overflow:hidden;}div.inner{display:block;position:relative;width:100%;height:100%;background:#ff0000;}我注意到尽管溢出被设置为隐藏,但父项并未将子项夹在圆

html - Bootstrap 3 容器上的 box-shadow

我正在使用Bootstrap构建一个小网站。基本结构如下所示:.row{height:100px;background-color:green;}.container{margin-top:50px;box-shadow:0010px10pxblack;/*THISdoesnotworkasexpected*/}onetwothree查看实际效果:http://jsfiddle.net/ZDCjq/现在我希望整个网站的所有4个边都有阴影。问题是,bootstrap网格使用了负边距,这使得行与阴影重叠。有没有办法在保持所有Bootstrap功能完好无损的情况下完成此操作?编辑:预期的结果

html - 你能制作 "an invisible border"吗?

我正在尝试makeanavbar作为练习。我正在使用a:hover在悬停的按钮周围包含实线边框。但是,这会使所有其他按钮移动边框的大小。这个问题的正确解决方法是什么?我知道还有其他人(讨论过here),我特地尝试使边框“不可见但即使不悬停也占用空间”。我设置了border:transparent希望它能做我想做的事,但它根本没有显示占用空间。我知道我可以手动选择边框的颜色使其与背景颜色相同并使其成为纯色,但这不是我想要的。有解决这个问题的明智方法吗? 最佳答案 border:10pxsolidtransparent怎么样?

html - IE9 上的 box-shadow 无法使用正确的 CSS 呈现,但适用于 Firefox、Chrome

我正在尝试模拟一个float模式框类型的东西,但在IE9及其框阴影实现方面遇到了问题。以下是我正在使用的可能会重复该问题的代码的摘要:Samplepage.content-holder{border-collapse:collapse;}.back{background-color:#a8c0ff;padding:100px;}.inner{background-color:#fff;text-align:center;padding:50px;box-shadow:0px0px20px#000;}HeadingSometexthereMoretextAbutton它在Firefox/

ios - 带边框的 cornerRadius : Glitch around border

我的应用程序主要是基于圆形和边框的。我使用UIView的图层属性来设置圆角半径和边框。但是我遇到了一个问题,角不清晰。我得到以下结果:UIButtonUIImageView您可以在白色或灰色边框周围观察到一条细边框线。这是我的代码:button.layer.borderWidth=2.0;button.layer.borderColor=[[UIColorwhiteColor]CGColor];button.layer.cornerRadius=4;button.clipsToBounds=YES;我已经搜索过解决这个问题,但没有成功。我试过button.layer.masksToBo

iphone - "Blue box"显示在 iOS 应用程序中的自定义 UIButton 旁边

我正在开发一个iPhone应用程序,它可以充当开关灯泡的Remote,我正在使用UIButtons来执行此操作:UIButton*button=[UIButtonbuttonWithType:UIButtonTypeRoundedRect];[buttonaddTarget:selfaction:@selector(buttonPressed:)forControlEvents:UIControlEventTouchDown];[buttonsetBackgroundImage:bulb_onforState:UIControlStateSelected];[buttonsetBack

ios - react native : Unwanted Black border on ipad 2 simulation

我正在测试一个新的(简单的)响应式原生应用,在模拟器中选择ipad2作为目标。加载屏幕显示全屏,但第一个应用程序屏幕(通过nativereact)显示内容周围有一个大的黑色边框。我创建了一个全新的项目,但它具有相同的边框。这是一个已知问题吗?我是否需要添加一些东西来防止出现这种边界?编辑:我的印象是该应用程序是作为iPhone应用程序构建的,但部署/显示到iPad。我看到1x/2x按钮。可能这是造成它的原因。所以第一个问题可能是:我如何配置xcode它实际上是一个ipad应用程序?提前致谢!杰伦 最佳答案 转到build设置在搜索栏

ios - iPhone iOS 无法正确显示 box-shadow

设计响应式设计中的联系表单的输入字段带有内嵌阴影和常规外阴影。请参见下图。代码input{background:#fff;height:auto;padding:8px8px7px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:#fffsolid3px;border-radius:4px;box-shadow:0px0px5pxrgba(0,0,0,.25),inset2px2px3pxrgba(0,0,0,.2);}问题iOSv4+无法正

Flutter 文本字段 : How to add Icon inside the border

我想在搜索栏中添加图标。到目前为止,这是我的代码:newTextField(decoration:newInputDecoration(icon:newIcon(Icons.search)labelText:"DescribeYourIssue...",enabledBorder:constOutlineInputBorder(borderRadius:BorderRadius.all(Radius.circular(20.0)),borderSide:constBorderSide(color:Colors.grey,),),focusedBorder:OutlineInputBor

image - 如何将 Vagrant box 转换为 Docker 镜像

我看到可以将Docker镜像转换为Vagrant盒子。有没有办法将Vagrantbox转换为Docker镜像? 最佳答案 我在我的Github项目blacklabelops/centos中使用EC2盒子和Virtualbox盒子重放了这个.我已经准备了一个带有必要安装的Vagrantfile,你可以用你的Vagrant盒子自己尝试一下。EC2盒子:使用https://github.com/katzj/ami-creator创建和配置AMI镜像-我的存储库中的脚本。然后使用Guestfish将图像提取到tarball中。-我的存储库中