css div隐藏（css 鼠标经过一个a让另一个DIV从隐藏变为显示求解、）

：暂无数据 2026-04-05 03:40:02 ：0

下面，我们将通过css div隐藏的概述、css 鼠标经过一个a让另一个DIV从隐藏变为显示求解、的详解以及总结展望三个部分，为您系统梳理这一主题。

本文目录

css 鼠标经过一个a让另一个DIV从隐藏变为显示求解、
如何用css 隐藏 div右边起10像素
怎样通过css属性隐藏页面中的div
使用css的display控制div显示和隐藏怎么写
怎么才能让图片隐藏两边，DIV+CSS+JS怎么实现
html 中有没有让
隐藏又不占位的CSS样式啊
CSS设定DIV隐藏能不能通过.hover 让其显示出来
css 代码中为什么div不显示，不知道错在那了
DIV，CSS如何实现“加减号”“显示隐藏”效果
div class=““ style=“display:none“是什么意思啊

css 鼠标经过一个a让另一个DIV从隐藏变为显示求解、

1、给鼠标经过的DIV添加一个类，类名为submeau；如下图：

2、给显示或者隐藏的DIV，添加一个ID，ID名为:id="oa_submeau"，如下图：

3、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

***隐藏网址***

《script type="text/javascript"》

$("#oa_submeau").hide();

$(".submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

// 鼠标移动到list的div上的时候list div不会被隐藏

$("#oa_submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

《/script》，这样就可以实现鼠标经过某个区域时显示隐藏的DIV，离开时再次隐藏DIV。

有两种方法：
一、用另一个层遮起来：
《DIV
style="background:#f00;
width:100px;
height:100px;
position:relative;"》
《div
style="background:#fff;width:10px;height:80px;
position:absolute;
right:0px;"》《/div》
《/DIV》
二、用绝对定位层的clip属性
《div
style="position:absolute;
width:100px;
height:100px;
border:1px
solid
blue;
clip:rect(0
90px
102px
0)"》《/div》

怎样通过css属性隐藏页面中的div

用display属性，想隐藏那一段就把代码加在那一段，例子如下

《div style="display:none;"》
   《h1》《/h1》
   《ul》
       《li》《/li》
        《li》《/li》
   《/ul》
《/div》

使用css的display控制div显示和隐藏怎么写

只需设置
display:none;
即可将该元素设为隐藏的。默认的是显示的，即不设置display即默认显示。
isplay 属性规定元素应该生成的框的类型，定义建立布局时元素生成的显示框类型。
display的值可以取如下的值：
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）

怎么才能让图片隐藏两边，DIV+CSS+JS怎么实现

图片隐藏两边最常见的有网页banner同屏效果，一般制作方法有两种
第一种：
设置外层div或者标签宽度百分百按照比例设置，图片设置在标签行内样式中的背景图片，使用背景定位，居中或者固定某个值，当我们改变窗口也就是改变外层div的时候会看到div宽度改变，背景图片一直保持我们设置的值，两边多余会隐藏掉。
第二种：
外层div定位，css设置溢出隐藏，图片使用绝对定位法，定位到我们想要的位置，同时可以设置margin属性来辅助，例如: img{ position:absolute; left:50%; margin-left:500px;}

html 中有没有让
隐藏又不占位的CSS样式啊

html 中有让隐藏又不占位的CSS样式。

页面上有一个按钮和一个div，div默认隐藏，当按按钮的时候div居中显示，后页面变灰，按确定后，div重新隐藏，后页面显示。

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

语言概述：

在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。

Web页面也就是通常所说的网页，在这里不作区分。

规范标准：

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

标记语言：

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点------就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。

CSS设定DIV隐藏能不能通过.hover 让其显示出来

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用ul li创建一行列表，在li标签里面使用a标签创建一个文字链接。

3、在a标签的下面，创建一个div模块，在div内写上测试的文字。代码如下。

4、在test.html文件内，创建css标签，在css内初始化页面所有元素样式，设置内外边距都为0 。

5、使用css设置div隐藏（display:none），并且设置div内的文字颜色为红色（color:red）。

6、使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把div的display属性设置为block，把div显示出来。

7、在浏览器打开test.html文件，查看实现的效果。

css 代码中为什么div不显示，不知道错在那了

你这说法有点歧义。css代码中怎么能显示div？css是控制div样式的。
也可能是你表达的错误。可能是控制div的css样式写成display:none给隐藏了。

DIV，CSS如何实现“加减号”“显示隐藏”效果

《script type="text/javascript" src="js/jq.js"》《/script》《!--这里要引入jQuery库--》
《script type="text/javascript"》
$(function(){
    $(".icon").click(function(){
        if($(this).html()=="+"){
        $(this).html("-");
        }
        else{
            $(this).html("+");
        }
        $(".content p").toggle(100);
    });
});
《/script》
《style type="text/css"》
*{margin:0;padding:0;font:12px/16px 宋体;}
.divcon{width:300px;display:inline-table;padding:10px;border:1px solid #CCC;}
.divcon div{float:left;}
.icon{width:20px;height:20px;border:1px solid #666;text-align:center;line-height:20px;cursor:pointer;}
.content{width:270px;padding-left:5px;}
.content p{color:#999;display:none;}
《/style》
《div class="divcon"》
《div class="icon"》+《/div》
    《div class="content"》
    这里是文字哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦……
    《p》隐藏的文字隐藏的文字隐藏的文字隐藏的文字隐藏的文字隐藏的文字《/p》
    《/div》
《/div》