草庐IT

border-box

全部标签

python - 元素当前不可见,因此可能无法与之交互,Selenium Dropdown Box Python

我需要浏览我网页上的所有页面。所有这些页面的左上角都有一个下拉框,其中包含所有可用的城市。我想通过选择此下拉框中的每个位置来访问每个页面。下拉框有一个滚动条,当我想选择它下面的选项时,它给我异常消息:Message:ElementisnotcurrentlyvisibleandsomaynotbeinteractedwithStacktrace:atfxdriver.preconditions.visible(file:///tmp/tmpHWLMyH/extensions/fxdriver@googlecode.com/components/command-processor.js:

javascript - 如何使用 .style JavaScript 属性添加 css box-shadow

我有以下JavaScript片段:document.getElementById("imgA").style.box-shadow="005px#999999";box-shadow中的连字符导致JavaScript引擎抛出无效赋值异常(在Firefox中)。执行"box-shadow"或'box-shadow'不起作用。有没有不使用jquery的.css()方法解决这个问题的好方法? 最佳答案 您可以使用style["boxShadow"]或style.boxShadow。document.getElementById("foo"

html - margin、padding、border 都为零后还有空间吗?

我已将边距、填充和边框设置为零,但在Firefox和Chrome中我的Canvas和div周围仍然有空间。显然,我不明白如何在HTML中调整元素,非常感谢您的建议和指点。SpacingQuestion*{border:0px;margin:0px;padding:0px;}canvas{width:150px;height:150px;}body{background-color:Purple;color:Silver;}functiondraw(){varcanvas=document.getElementById('canvas1');if(canvas.getContext){v

html - 将 box-shadow 添加到转换后的 div

我正致力于仅使用CSS制作一本3D外观的书。我正处于最后一步,即向其添加box-shadow。如何向其中添加box-shadow:10px10px30pxrgba(0,0,0,0.3)?我想我需要调整div设置。参见jsFiddle用于视觉效果。.book-image-wrap{margin:25pxauto;height:346px;width:230px;position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;}.book-image{background:#00

html - CSS3 3D Transitions 在使用 box-shadow 时在 firefox 中闪烁

我有一个像苹果一样的coverflow元素,使用CSS3过渡和3D变换构建。http://jsfiddle.net/7eDkb/1/(带阴影的过渡)在chrome上运行流畅,但在firefox上,封面在设置动画时会在可见和不可见之间闪烁。经过消除过程后,我发现从元素中删除“box-shadow”css属性会导致在firefox中平滑过渡。http://jsfiddle.net/7eDkb/2/(没有框阴影的过渡)我已经在firefoxv15和chromev21中测试过了。是否有解决方案可以在元素上同时使用3d过渡和框阴影而不在Firefox上闪烁?编辑:在fiddle中,单击灰色图像以

html - CSS 表格 - 添加边距列和行 border-bottom

我有一个HTML表格元素,我想在列之间添加边距,所以我使用了这些css属性:table{border-collapse:separate;border-spacing:36px0px;}现在我想将border-bottom添加到整行,包括标题和正文中的每个tr,但边框没有出现。我用过:tr{border-bottom:1pxsolidblue;}它仅在我使用时出现:table{border-collapse:collapse;}但是我不会在列之间留边距。我添加了我的DEMOhere. 最佳答案 您可以使用:after伪类来设置样式,

html - border-collapse 和 colspan 的奇怪行为

我正在尝试用HTML制作组织结构图。代码相当简单,但我在Chrome/Safari和Opera中呈现时遇到了一些问题。这是在Firefox和IE中运行的结果应该是这样的:这是在Chrome和Safari中这是在Opera中:问题来自CSS中的border-collapse:collapse属性。如果我使用旧的编码风格cellspacing="0"cellpadding="0"它或多或少会起作用,但在HTML5中无效。我创建了一个jsFiddle来显示问题:http://jsfiddle.net/aGVp4/7/我的HTML:还有我的CSS:.orgchart{border-spacin

html - Chrome 与 box-sizing :border-box in a display:table

我正在使用display:table进行小型2Pane布局。对于间距(也来自背景图像),我使用padding。因为我需要child从可用空间中获得一个精确的width:50%(考虑到父级div的填充),我使用box-尺寸:边框框。这在Opera中运行良好,但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box都被默默地忽略了。我制作了一个展示问题的演示。两个红色框应该是正方形,蓝色框的宽度和高度应该是200px:http://jsfiddle.net/fabb/JKECK/这是html源代码:Somethingonth

html - 如何在 `border-*` 属性中使用百分比?

我有使用TwitterBootstrap3的代码,nav和right-arrow,我使用border-*属性创建的。但是如果我在right-arrow中使用很长的文本,它不会展开,如果我使用百分比,代码将无法运行...关于的示例JsFiddle.custom-nav-stacked>li>a{border-radius:2px;}.custom-nav-stacked>li.active>a:after,.custom-nav-stacked>li.active>a:hover:after,.custom-nav-stacked>li.active>a:focus:after{cont

javascript - HTML5 Canvas : How to border a fillRect?

在HTML5中,我想制作一个fillRect()(填充颜色为白色)和一个border(黑色)。我不想使用strokeRect()除非我以后可以填充它。我正在制作一款游戏,您可以在其中点击方block,它们会改变颜色(比这更复杂,但这正是本文的重点)。varc=document.getElementById("canvas1");varctx=c.getContext("2d");ctx.strokeStyle="rgba(0,0,0,1)";ctx.strokeRect(0,0,100,100);Canvas周围的边框仅供引用。我也可以使用CSS,但目前一切都在HTML中。