Html 在CSS中从右侧滑入DIV?酷蓝的例子

Html 在CSS中从右侧滑入DIV?酷蓝的例子,html,css,slide,Html,Css,Slide,好的,这只在CSS中可能吗? 选中并单击浅蓝色菜单中的“Advies”一词。 您将看到右侧出现一个新页面,其中包含额外信息,而您实际上没有离开productpage。这正是我需要的,但它必须是纯CSS 这样的事情可能吗?是可能的,但这取决于你想要实现什么 一种简单的方法是使用复选框hack简单地创建一个隐藏的复选框,并为其创建一个标签,其中包含单击按钮时要显示的块。可能是这样的: #控制盒{ 显示:无; } .信息{ 位置:固定; 排名:0; 右:0; z指数:10; 宽度:200px; 身高

好的,这只在CSS中可能吗? 选中并单击浅蓝色菜单中的“Advies”一词。 您将看到右侧出现一个新页面,其中包含额外信息,而您实际上没有离开productpage。这正是我需要的,但它必须是纯CSS


这样的事情可能吗?

是可能的,但这取决于你想要实现什么

一种简单的方法是使用复选框hack简单地创建一个隐藏的复选框,并为其创建一个标签,其中包含单击按钮时要显示的块。可能是这样的:

#控制盒{
显示:无;
}
.信息{
位置:固定;
排名:0;
右:0;
z指数:10;
宽度:200px;
身高:100%;
背景颜色:浅蓝色;
显示:无;
}
#ControlBox:选中+标签>.infopage{
显示:块;
}

点击我!
此处显示信息框中的文本。。。。。

请包括一个,或至少是您自己的尝试!这是可能的,使用复选框hack你可以模拟onclick事件并显示另一个div,它可以是绝对定位的(或修复的),它就像一个边栏,默认为-100%。希望这对你有帮助。谢谢你。我会试着用这个。我们使用的CMS不允许额外的jQuery,但它会接受CSS。好的,我希望这种方法对你有用。也许一些内联js也可以工作?很多事情都可以用css来完成,但在很多情况下,一些js会使使用起来更容易、更舒适,我可以试试。这对你来说是一个简单的代码片段更新吗?我知道如何阅读它,但我就是写不出来。我添加了一个最小的JS解决方案,它非常简单,可以改进,但如果你想尝试它,它是一个开始的工作示例。你绝对是一个传奇!看起来CMS接受了这个!!!谢谢你的帮助,让它简单!