1. 首页
  2. css

CSS在开放细节元素上添加背景

关于元素有一点奇怪,那就是,当它打开时,并不总是100%清楚该元素内部的内容和不内部的内容。我不是说总是重要,或者说它是一个特别难解决的问题,我只是注意到它最近出现在我身上。
这里有一个直观的例子:这里的文本在里面,什么不是?这个解决方案是…CSS。把的样式设计得有点独特,这样问题就解决了。即使你希望排版是一样的,或者你不想任何独家风格,直到被打开,这仍然是可能的。使用alpha透明填充,您甚至可以确保更深的嵌套保持清晰。
对于只插入内联内容的<详细信息>(如\”spoiler\”UI或其他内容),我喜欢某种边框或背景的想法,以显示内容的结尾。嵌套细节也不错。@CodePenhttps://t.co/1aVadri1Cipic.twitter.com/jivukuibbwChris Coyier(@chriscoyier)2021年6月3日,//codepen.io/anon/embed/wvJmqjY?height=450&theme id=1&slug hash=>CodePen嵌入回退

CSS在开放细节元素上添加背景 为WP2原创文章,链接:https://www.wp2.cn/css/css%e5%9c%a8%e5%bc%80%e6%94%be%e7%bb%86%e8%8a%82%e5%85%83%e7%b4%a0%e4%b8%8a%e6%b7%bb%e5%8a%a0%e8%83%8c%e6%99%af/