草庐IT

mark-borders

全部标签

html - Firefox : border-color, border-radius 和背景颜色创建参差不齐的边缘和空白

看看下面的HTML和CSS。.box{border-radius:15px;border:#333solid3px;background:#333;}Helloworld它在Firefox中产生这个:如您所见,div的边框和背景留下了可见的微小间隙。由于具有不同背景颜色的悬停状态,我需要边框。我该如何克服这个问题? 最佳答案 这很可能是Firefox中的错误。你可以做一个简单的技巧来解决这个问题:(这不是最好的解决方案,我知道,但问题似乎很严重)标记:通过“包装”div的假边框Helloworldcss:填充就可以了.wrapper

html - 尝试在 CSS 中创建一致的 ?-mark-inside-circle

我正在尝试使用CSS创建一个圆圈内的问号字形。它应该看起来像©基本上。Here'swhatIhavesofar.a::before{content:'?';font-size:60%;font-family:sans-serif;vertical-align:middle;font-weight:bold;text-align:center;display:inline-block;width:1.8ex;height:1.8ex;border-radius:1ex;color:blue;background:white;border:thinsolidblue;}在Firefox上还

HTML/CSS : Vertical border overlapping horizontal border

这是fiddle:http://jsfiddle.net/AV38G/HTMLSomeFoobarStufffoobarraboof184bar87458184874rabooffoobarCSS:/*ACTUALCSS*/table{width:300px;border-collapse:collapse;}trtd.first-column{border-left:none;}tr.first-line{border-bottom:3pxsolidgreen;border-top:none;}tr.first-linetd{border-left:none;}td{border-l

html - border-width 中的 CSS calc()?

我可以使用带边框宽度的calc()吗?我希望以下CSS能够工作:.my-element{border-left-width:calc(10%+10px);border-right-width:calc(10%+20px);}但无论出于何种原因,我提供的任何值calc()结果根本没有边界。我在MDN上找到的文档不清楚是否可以使用calc-它说我应该使用Anyvalue,但这是否包括计算?我的目标是IE9,但我在Chrome34和Firefox28中得到了相同的结果。我知道我总是可以使用jQuery来实现这些事情,但我想尽可能避免它。 最佳答案

html - -webkit-border-radius 不能正确裁剪图像

我有5个浏览器用于呈现html编码的页面:IE9、Firefox4.0和所有最新版本的Chrome、Safari和Opera。现在在IE9和Firefox4.0中使用border-radius:和-moz-border-radius:可以正确裁剪图像,但在Opera、Chrome和Safari中使用-webkit-border-radius:会失败。在Opera中,图像根本没有被裁剪,而在Safari和Chrome中,图像被裁剪了一些,但边框也被裁剪掉了。.nonTyp{margin:15px15px15px15px;border:4pxinset#C1C8DD;border-radi

javascript - CSS/JavaScript : How to draw minimal border around an inline element?

考虑以下HTML:Thisisapotentiallylargeparagraphoftext,whichmaygetwrappedontoseverallineswhendisplayedinthebrowser.Iwouldliketobeabletodrawaminimalboxroundthespan我想在跨度周围绘制一个最小边框。即:如果span在单行上渲染,border相当于设置了一个css样式的border:1pxsolidblack;如果跨度呈现在多行上,则边框绘制在跨度的最外边缘周围,而不是跨度之间。这相当于在span上设置CSS背景颜色,并在突出显示区域的边缘绘制线

html - 为什么 border-color 不传播到子元素?

我有一个我正在构建的网站,它具有深度嵌套的div,并使用用户可选择的主题。我的问题是......为什么border-color不传播到子元素?我已经在处理DOM样式表了,所以添加一个循环来更新边框颜色不会有什么困难。然而我很好奇为什么标准(Linux中的Firefox和Chrome)边框颜色不从父级继承,而是默认为文本颜色,而边框样式仍然不会默认为纯色?这种行为背后有什么智慧吗?我不是想变得狡猾。我真的很好奇为什么这似乎是“设计使然”。在撰写本文时,我意识到最简单、最灵活的解决方案是将我的元素定义为class="classnameborder",然后更新边框类以反射(reflect)正

html - 您可以将图像分配给 border-right 吗?

我正在用html和css制作一个导航菜单,但我希望每个导航项的右边框是一个图像。我试过了border-right:url(image.jpg);但这没有用。我该怎么做? 最佳答案 您可以使用背景图像,然后将背景图像放置在每个元素的右侧。通常这会出现在a标签或li上。例如:#primaryNava:link{background-image:url('image.jpg');background-position:right;background-repeat:no-repeat;display:block;/*makethelink

Unity解决动画不可用:The AnimationClip ‘XXX‘ used by the Animation component ‘XXX‘ must be marked as Legacy.

在Unity2019.4.38.f1c1以上的版本,创建的创建AnimationClip无法使用,作为组件的默认Clip的话,那么游戏运行的时候这个Clip其实是播不出来的,而且Console会报一条“TheAnimationClip‘XXX’usedbytheAnimationcomponent‘XXX’mustbemarkedasLegacy.”的警告信息,以及一条“Defaultclipcouldnotbefoundinattachedanimationslist”的提示信息。也就是说创建的.anim文件其实不能直接用在Animation组件中解决方案:1、2019年以后的版本选中动画,

html - 将边框应用于 tfoot 的 CSS 选项?使用 "border-top"设计 tfoot 不起作用

当我将CSS边框属性应用于tfoot时,边框不呈现(border-top、border-bottom、border等,没有渲染边框)有哪些选项可以在tfoot或tbody上呈现边框?是否支持将边框应用于tbody或tfoot?下面的CSS+HTML示例,在Chrome18、Firefox9或IE9中不呈现边框。table.sampletfoot{border-top:2pxsolidblack;}DateDataXDataYDataZAverage:100Feb12233344Feb2667788 最佳答案 添加table{bord