个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
首先，我知道 Firefox 15 中取消了 -moz-border-image 的前缀，如下所述: http://dbaron.org/log/20120612-border-image .在这方面，我修复了我的 CSS 以与 Firefox 15 一起使用。我的问题是不同的(虽然可能是切线的)。
简而言之，在 Firefox 15 中，带有边框图像的 div 的内容现在与所述边框图像重叠，就好像边框是 div 内部的一部分一样。其他浏览器不显示问题并按预期运行，这使我无法简单地用填充补偿边框(其他浏览器将有过多的填充)。
我该如何解决这个问题？谢谢!
参见 example页
我的代码:
<style type="text/css">
body { background: yellow; }
.borderbox {
-moz-border-image: url(border_sprite.png) 31 25 25 20 / 31px 25px 25px 20px repeat stretch;
-webkit-border-image: url(border_sprite.png) 31 25 25 20 fill repeat stretch;
-o-border-image: url(border_sprite.png) 31 25 25 20 repeat stretch;
border-image: url(border_sprite.png) 31 25 25 20 fill repeat stretch;
border-width: 31px 25px 25px 20px;
border-image-width: 31px 25px 25px 20px;
padding: 0 10px 20px 0;
text-align: right;
overflow: auto;
width: 400px;
height: 400px;
color: purple;
font-size: 20px;
}
</style>
<!DOCTYPE html>
<head></head>
<body>
<div class="borderbox">
the content should be bound to the inner white box. Why does it also cover the blue border in Firefox 15?
</div>
</body>
</html>
最佳答案
终于找到了答案 - 如此简单(但看似随意)。将以下属性添加到 div 的样式中:
border-style: solid;
关于html - 火狐 15 : div content spilling to border-image，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12544271/
25
4
0
我有一个水平菜单和另一个水平子菜单。我的问题是造型。我试图做到这一点，以便在激活主菜单元素并显示相应的子菜单时，主菜单元素会着色，以覆盖两个菜单之间的空白区域，如下图所示: 只是为了澄清上面的图片是我
我是 C# 的新手，不知道要搜索什么。我正在尝试在另一个字符串列表右侧的“列”中打印一个字符串列表。右侧“列”中的两个字符串具有多个值，每个值都需要自己的一行。但是，当我尝试这样做时，需要自己的行的值
我是 Hadoop 系统的新手，处于学习阶段。 我在 Shuffle 和 Sort 阶段注意到一件事，只要 MapOutputBuffer 达到 80%(我认为这也可以配置)，Spill 就会发生。
我尝试将 3 篇文章嵌套到一个部分中。为什么它们会溢出部分的边界？ CSS: article{ border-right:solid 1px grey; height:50%; width:30%;
我试图找出如何在 Dragular 服务 ( http://luckylooke.github.io/dragular/#/home ) 中设置选项以获得所需的行为: 假设我们有两个容器，contai
我正在让自己成为一个图书馆，以帮助我更快地制作注册表格。如果我有任何帮助文本，我一直使用的格式是左侧的某个表单字段(在 50% 宽的 div 单元格中)，以及右侧的帮助文本(在 50% 宽的 div
在 Linux x86 上使用 NASM mov ecx,eax mov edx,ebx mov eax,3 mov ebx,0 int 80h ret EAX 最初有一个mov'd db 常量，EB
我有以下公式 =COUNTIFS(MachineData!N:N,{"*Arlington*","*RenewNorfolk*"}, MachineData!$X:$X,"Y",MachineData
我目前在业余时间在几个 ASP.Net MVC 项目之间交替，我注意到 Forms 身份验证在它们之间“溢出”。 IE。我做了一些工作来投影 a 并登录以测试某些功能。然后我切换到项目 b，当我启动它
这个问题在这里已经有了答案: D3.js Drawing geojson incorrectly (2 个回答) 1年前关闭。 使用 D3 V6 创建 map ，按县显示教育程度。我有一个 count
我需要以嵌套模式加载扩展面板。每个扩展面板都有一个子面板，而每个扩展面板又可能有类似的子面板。例如: Level-1 Level-2
首先，我知道 Firefox 15 中取消了 -moz-border-image 的前缀，如下所述: http://dbaron.org/log/20120612-border-image .在这方面
我正在使用 Apache Spark 本地模式运行 pyspark 2.2.0 作业并看到以下警告: WARN RowBasedKeyValueBatch: Calling spill() on Ro
为什么 AWS Athena 在将结果转储到目标 S3 位置时需要“溢出桶” WITH ( format = 'Parquet', parquet_compression = 'SNAPPY', ex
为什么 AWS Athena 在将结果转储到目标 S3 位置时需要“溢出桶” WITH ( format = 'Parquet', parquet_compression = 'SNAPPY', ex
有人可以帮助我了解Spark作业日志中以下几行的可能原因是什么。 2018-06-11T05:35:46,181 - INFO [Executor task launch worker for tas
我有一个 T-SQL 查询 (SQL Server 2012) 可以完成这项工作，但是当我查看执行计划时，我看到一个带有警告的排序运算符:“运算符在执行期间使用 tempdb 溢出数据泄漏级别为 1。
我有一个 T-SQL 查询 (SQL Server 2012) 可以完成这项工作，但是当我查看执行计划时，我看到一个带有警告的排序运算符:“运算符在执行期间使用 tempdb 溢出数据泄漏级别为 1。
我有一个页面，其中只包含一张垂直和水平居中的卡片。该卡片包含一个表格和一些内部文本。用户将提交表单并返回一个列表。有时列表会很长，卡片会在顶部被截断，无法滚动。无论如何让它达到顶峰而不溢出？我试过使用
我正在使用 Bootstrap 为生物医学工程 session 设计一个网站，但在针对移动设备进行配置时遇到了一些问题。 具体来说，在标题为 cochairs.html 的页面上，折叠的导航栏与其下方
我是一名优秀的程序员,十分优秀！