谁知道CSS怎样控制DIV隐藏

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谁知道CSS怎样控制DIV隐藏相关的知识,希望对你有一定的参考价值。

就像这个网站http://www.beijingwangzhanyouhua.cn/ 有一段源码是这样写的: <DIV id=logo> <H1><A href="http://www.beijingwangzhanyouhua.cn/">网站优化|网站排名优化</A></H1></DIV> 显示效果是左上角的图片覆盖住了“网站优化|网站排名优化”这一行字。如果去掉<DIV id=logo>中的id=logo可以看到效果。“网站优化|网站排名优化”这行字并没有使用和背景色一样的颜色。 谁知道他是如何使用CSS实现的这种功能呢?

参考技术A 他并没有隐藏你的文字,而是用了CSS
的文字缩进控制,把文字反向缩进到屏幕意外10000像素以外(你的显示器没有这么宽吧,哈哈)了,这是一种不作弊(直接隐藏一般会被100度判作弊,你肯定知道)隐藏文字的方法。
他的代码应该是类似这样的:
#logo
h1
text-indent:-10000px;

再给#logo
h1
中的链接A定义成块状,加个背景图片就OK了。
#logo
h1
a
width:***px;
height:***px;
display:block;
background:url(****/logo.gif);

就是这样了

关于你的第二个问题。
你可以在H1里面再套个SPAN标签,把所以A包起来,然后把样式应用给它就可以。
还可以节省定义块的那个display。

jquery 怎样控制多个div

类似导航栏那种, 总共4个按钮 显示不同的div 点第一个只显示第一个 点第二个只显示第二个 显示的div点击也不会隐藏 只要告诉我jquery代码就好啦

<input type="button" value="DIV-1" onclick="showDivs('div1')"/>

<input type="button" value="DIV-2" onclick="showDivs('div2')"/>

<input type="button" value="DIV-3" onclick="showDivs('div3')"/>

<input type="button" value="DIV-4" onclick="showDivs('div4')"/>

<hr/>

<!--div初始状态:全部隐藏-->

<div id="div1" style="border: solid 1px #253A41;width: 200px;height:200px;background: #EEEEEE;display: none;">111111111111</div>

<div id="div2" style="border: solid 1px #66CC00;width: 200px;height:200px;background: #F4E0E0;display: none;">222222222222</div>

<div id="div3" style="border: solid 1px #6BB8FF;width: 200px;height:200px;background: #AFDAFF;display: none;">333333333333</div>

<div id="div4" style="border: solid 1px #7B0000;width: 200px;height:200px;background: #D2E7FA;display: none;">444444444444</div>

<script type="text/javascript">

function showDivs(divID)//根据传入的div的id显示

var divs=["div1","div2","div3","div4"];

for (var i=0;i<4;i++)

if(divs[i]!=divID)

$("#"+divs[i]).hide();

$("#"+divID).show();

</script>


参考技术A

“点第一个显示第一个”,这时候第二个、第三个……都没有显示出来,要怎么点?

以上是关于谁知道CSS怎样控制DIV隐藏的主要内容,如果未能解决你的问题,请参考以下文章

JS控制多个div显示与隐藏的问题。

怎么用js显示隐藏div

如何实现js控制div的隐藏及显现

js显示和隐藏div如何修改

怎样用jquery控制div的显示与隐藏

对于div隐藏css中有哪几种方式定义相对和绝对有啥区别啊