Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带有说明的图像库和带有CSS的全尺寸图像_Css - Fatal编程技术网

带有说明的图像库和带有CSS的全尺寸图像

带有说明的图像库和带有CSS的全尺寸图像,css,Css,请检查上面链接中的图片(版主不允许我发布图片) 在上面的图像中,有三个部分,第一部分只是显示缩略图,第二部分是描述,第三部分是全尺寸图像 我刚刚为每个部分创建了三个不同的。我想做这样一个页面,如果用户点击左边的一个特定的缩略图,那么第二个和div将显示描述,第三个将显示完整大小的图像 我不想使用javascript,如果有任何方法可以用简单的CSS或CSS3实现的话 实际上,您正在创建选项卡和窗格。缩略图将是您的选项卡,bio+全尺寸图像将显示在窗格部分。如果您不想使用javascript,可以

请检查上面链接中的图片(版主不允许我发布图片)

在上面的图像中,有三个部分,第一部分只是显示缩略图,第二部分是描述,第三部分是全尺寸图像

我刚刚为每个部分创建了三个不同的。我想做这样一个页面,如果用户点击左边的一个特定的缩略图,那么第二个和div将显示描述,第三个将显示完整大小的图像


我不想使用javascript,如果有任何方法可以用简单的CSS或CSS3实现的话

实际上,您正在创建选项卡和窗格。缩略图将是您的选项卡,bio+全尺寸图像将显示在窗格部分。如果您不想使用javascript,可以使用
:target
伪类来显示和隐藏窗格。谢谢您的建议