• 关于

    HTML-XHTML

    的搜索结果

回答

xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案,方法1:代码:程序代码html { overflow-y: scroll; } 原理:强制显示ie的垂直滚动条,而忽略水平滚动条优点:完全解决了这个问题, 允许你保持完整的XHTML doctype.缺点:即使页面不需要垂直滚动条的时候也会出现垂直滚动条。方法2:(推荐采用)代码:程序代码html { overflow-x: hidden; overflow-y: auto; }原理:隐藏横向滚动,垂直滚动根据内容自适应优点:在视觉上解决了这个问题.在不必要的时候, 未强制垂直滚动条出现.缺点:只是隐藏了水平滚动条,如果页面真正需要水平滚动条的时候,屏幕以外的内容会因为用户无法水平滚动,而看不到。方法3:代码:程序代码body { margin-right: -15px; margin-bottom: -15px; }原理:这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象.优点:在视觉上解决了这个问题.,垂直滚动根据内容自适应缺点:由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域.设置样式在原来的html的时候,我们可以这样定义整个页面的滚动条程序代码body{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4E4; /*- 面子 -*/ scrollbar-arrow-color:#666; /*- 箭头 -*/ scrollbar-shadow-color:#808080; /*- 右二 -*/ scrollbar-darkshadow-color:#D7DCE0; /*- 右一 -*/ scrollbar-base-color:#D7DCE0; /*- 基色 -*/ scrollbar-track-color:#;/*- 滑道 -*/ } 但是同样的代码,我们应用在 xhtml下就不起作用了,我相信好多好朋友也遇到过同样的问题那么怎么才能在xhtml下应用滚动条样式呢?看下列代码程序代码html{scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4E4; /*- 面子 -*/ scrollbar-arrow-color:#666; /*- 箭头 -*/ scrollbar-shadow-color:#808080; /*- 右二 -*/ scrollbar-darkshadow-color:#D7DCE0; /*- 右一 -*/ scrollbar-base-color:#D7DCE0; /*- 基色 -*/ scrollbar-track-color:#;/*- 滑道 -*/ }这段代码和上一段唯一的不同就是在css定义的元素上,一个是body一个是html。我们再测试一下,把html页面的"body"修改成"html"测试一下,发现依然可以实现效果。那到底是为什么呢?从字面上来看,xhtml比html多一个x,那么这个x其实也就是xml,为什么要加一个xml在里面?其实最根本的原因就是要让html更加结构化标准化(因为html实在是太烂)。我们在html里面定义的是body,因为html不是很标准所以这样可以生效,而在xhtml里面这样就不行了,我看看那个图很明显,body标签本身不是根元素,只有html才是根元素,而页面的滚动条也是属于根元素的,所以这就是我们为什么定义body没有效果的原因,因为我们定义的只是一个子原素。ok,我们知道了原理,来做一个试验如果把定义"body"或"xhtml"换成"*",程序代码*{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4E4; /*- 面子 -*/ scrollbar-arrow-color:#666; /*- 箭头 -*/ scrollbar-shadow-color:#808080; /*- 右二 -*/ scrollbar-darkshadow-color:#D7DCE0; /*- 右一 -*/ scrollbar-base-color:#D7DCE0; /*- 基色 -*/ scrollbar-track-color:#;/*- 滑道 -*/ }在html和xhtml都通过,因为*就是定义页面上的任何标签当然也包括了“html”这个标签。(ps:其实与其说是html与xhtml的区别到不如说是有无XHTML 1.0 transitional doctype的区别,但是如果你把页面的XHTML 1.0 transitional doctype去掉的话,那么这个页面就没有doctype,默认的显示方式就是html4.01,不过你要把XHTML 1.0 transitional doctype修改成HTML 4.01 doctype同样页面定义body也不会有效果的,虽然这个页面的标准是html 4.01)转载:http://www.cnblogs.com/Miton/archive/2011/06/01/2066056.html
杨冬芳 2019-12-02 02:41:02 0 浏览量 回答数 0

问题

JQuery使用after()方法之后,无法找到添加的节点

html中原有节点<li class="token-input-token"></li>一个通过append()方法,添加<li class="token-input-token"></li>...
云栖技术 2019-12-01 19:26:02 1000 浏览量 回答数 1

回答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style type="text/css"> <!-- body { margin:0;padding:0 } div { width:500px; height:500px; line-height:500px; /*border:1px solid #ccc;*/ overflow:hidden; position:relative; text-align:center; margin:auto } div p { position:static; +position:absolute; top:50% } img { position:static; +position:relative; top:-50%;left:-50%; width:350px; height:350px; vertical-align:middle } p:after { content:".";font-size:1px; visibility:hidden } --> </style> <div><p><img src="YourImage.jpg"/></p></div>
a123456678 2019-12-02 02:19:58 0 浏览量 回答数 0

回答

$("#btnSubmit").click()的意思是:“当点击id为btnSubmit的元素时”。input不需要再设置onclick。 修改后的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EW" "http://www.w3.org/TR/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--插入脚本 载入jquery-1.4.2.min.js文件 结束脚本--> <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script> <!--插入脚本--> <script type="text/javascript"> <!--创建对象--> $(function() { $("#Byttonl").click(function() { <!--获得文本框的值--> var oTextValue = $("#Textl").val(); <!--获得单选框按钮值--> var oRdoValue = $('input:radio[name="rdoSex"]:checked').val(); <!--获得复选框按钮值--> var oChkValue = $("#Checkboxl").is(":checked") ? "已婚" : "未婚"; <!--显示提示文本元素和内容--> $("#divTip").html(oTextValue + oRdoValue + oChkValue); }) }) <!--结束脚本--> </script> </head> <body> <div class="divFrame"> <div class="divTitle">清输入如下信息</div> <div class="divContent">姓名: <input id="Textl" type="text" class="txtCss" /> <br />性别: <input id="Radiol" name="rdoSex" type="radio" value="男" />男 <input id="Radio2" name="rdoSex" type="radio" value="女" />女 <br />婚否: <input id="Checkboxl" type="checkbox" /> <div class="divBtn"> <input id="Byttonl" type="button" value="提交" class="bthCss" /> </div> </div> </div> <div id="divTip" class="divTip"></div> </body> </html>
小旋风柴进 2019-12-02 02:18:08 0 浏览量 回答数 0

问题

jquery 隔行变色功能

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EW" "http://www.w3.org/TR/DTD/xhtml1-transitional.dtd"&gt;...
小旋风柴进 2019-12-01 19:23:19 928 浏览量 回答数 1

回答

Emmet 也有快速生成文件头的功能啊,而且更强大啊 输入下边加粗的缩写,然后Tab,就OK了啊http://docs.emmet.io/cheat-sheet/ html:4t <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="${lang}"> <head> <meta http-equiv="Content-Type" content="text/html;charset=${charset}"> <title>Document</title> </head> <body> ${child} </body> </html> html:4s <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="${lang}"> <head> <meta http-equiv="Content-Type" content="text/html;charset=${charset}"> <title>Document</title> </head> <body> ${child} </body> </html> html:xt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}"> <head> <meta http-equiv="Content-Type" content="text/html;charset=${charset}" /> <title></title> </head> <body> ${child} </body> </html> html:xs <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}"> <head> <meta http-equiv="Content-Type" content="text/html;charset=${charset}" /> <title>Document</title> </head> <body> ${child} </body> </html> html:xxs <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}"> <head> <meta http-equiv="Content-Type" content="text/html;charset=${charset}" /> <title>Document</title> </head> <body> ${child} </body> </html> html:5 <!doctype html> <html lang="${lang}"> <head> <meta charset="${charset}"> <title>Document</title> </head> <body> ${child} </body> </html>
杨冬芳 2019-12-02 02:46:31 0 浏览量 回答数 0

问题

jquery 怎么调用事件

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EW" "http://www.w3.org/TR/DTD/xhtml1-transitional.dtd"&gt;...
小旋风柴进 2019-12-01 19:23:19 921 浏览量 回答数 1

问题

为什么父元素加了position:relative后 子元素a标签失效了

这是代码实在是不明白 在2个元素叠加之后 试了很多次 怎么也不能让a标签可以点击 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w...
杨冬芳 2019-12-01 20:10:13 1697 浏览量 回答数 1

问题

两个同级div中间的空隙如何消除

最近遇到的问题是div有背景图,纵向排列的同级div之间为何会产生空隙?margin:0,padding:0好像都消除不了,而margin-bottom:-x px;可以,但觉得这么做,有点取巧,有其他方法么?出现这种情况的根本原因是什么呢...
a123456678 2019-12-01 19:25:05 1326 浏览量 回答数 1

回答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>test</title> <style type="text/css"> .header { width: 100%; background: #567; height: 100px; } .col1, .col2, .col3 { float: left; width: 80px; background: #DDD; height: 100%; margin-right: 10px; word-wrap:break-word; overflow:hidden; padding-bottom:100%; margin-bottom:-98%; font-size:12px; } .foot{height:100px; background-color:#ccc;} .middle{overflow:hidden; zoom:1;} </style> </head> <body> <div class="header">header</div> <div class="middle"> <div class="col1">111colsdfffffffffffffffffffffffffffffcolsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1fffffff1222</div> <div class="col2">col2</div> <div class="col3">333colsdfffffffffffffffffffffffffffffcolsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1fffffff1colsdfffffffffffffffffffffffffffffcolsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1colsdffffffffffffffffffffffffffffffffffff1fffffff1444</div> </div> <div class="foot">foot</div> </body> </html>
a123456678 2019-12-02 02:19:50 0 浏览量 回答数 0

回答

GET /V2/730458/2149880/1428622663/index.html HTTP/1.1Host: cdn.optmd.comConnection: keep-aliveCache-Control: max-age=0Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,/;q=0.8User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.89 Safari/537.36Referer: http://d169bbxks24g2u.cloudfront.net/ads/amzn-ads.html?size=300x250Accept-Encoding: gzip, deflate, sdchAccept-Language: zh-CN,zh;q=0.8If-None-Match: "c028a-e5-51353275a5cc0"If-Modified-Since: Thu, 09 Apr 2015 23:39:07 GMT
a123456678 2019-12-02 01:59:39 0 浏览量 回答数 0

问题

远程模拟登录,怎么通过token认证

想用PHP方式远程登录一台华为路由器,但是它使用了 token ,按照抓的HEADER和代码片段 从/asp/GetRandCount.asp取得一个Token,密码用base64encode编码...
东村 2019-12-01 21:45:53 4362 浏览量 回答数 1

问题

按jqGrid的wiki写的代码,Navigator不显示出来

按jqGrid的wiki操作,现在能实现把grid显示出来,并绑定后台的json数据。但是在参考 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:navigator的时候,直接复制wik...
a123456678 2019-12-01 20:17:44 1058 浏览量 回答数 1

问题

如何解决html中&nbsp;大小不同的兼容性问题?

例如: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...
杨冬芳 2019-12-01 20:04:57 1062 浏览量 回答数 1

问题

求大哥大姐,为什么背景图片设置居中后超出顶部边界了?

1.描述你的问题 2.贴上相关代码 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...
杨冬芳 2019-12-01 20:07:24 868 浏览量 回答数 1

问题

验证码图片与SESSION中的值不同步 - 服务报错

" 验证码图片与SESSION中的值不同步? 不知什么原因,求解决 实例:http://wwsw.janwan.info index.php ----------...
montos 2020-06-04 14:01:03 5 浏览量 回答数 1

问题

验证码图片与SESSION中的值不同步:报错 

验证码图片与SESSION中的值不同步? 不知什么原因,求解决 实例:http://wwsw.janwan.info index.php <!DOCTYPE html PUBLIC &#...
kun坤 2020-06-04 21:16:03 4 浏览量 回答数 1

回答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>accordion</title> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#firstpane p.menu_head").click(function(){ $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(left.png)"}); }); }); </script> <style type="text/css"> body { margin: 10px auto; font: 75%/120% Verdana, Arial, Helvetica, sans-serif; } .menu_list { width: 150px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #eef4d3 url(left.png) center right no-repeat; } .menu_body { display:none; } .menu_body a { display:block; color:#006699; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover { color: #000000; text-decoration:underline; } </style> </head> <body> <div style="float:left" > <p><strong> 鼠标点击 </strong></p> <div id="firstpane" class="menu_list"> <p class="menu_head">Header-1</p> <div class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> <p class="menu_head">Header-2</p> <div class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> <p class="menu_head">Header-3</p> <div class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> </div> </div> </body> </html>
a123456678 2019-12-02 03:08:22 0 浏览量 回答数 0

问题

MooTools AJAX问题

第一次使用 MooTools &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1...
a123456678 2019-12-01 19:23:20 910 浏览量 回答数 1

问题

Apache Click框架入门问题click.xml配置与页面显示问题 - 配置报错

web.xml配置内容 <?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0&...
montos 2020-06-02 20:47:24 0 浏览量 回答数 1

问题

jQuery flip插件为什么第一次打开页面需要两次点击才能翻过去

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt...
a123456678 2019-12-01 20:18:32 997 浏览量 回答数 1

问题

Apache Click框架入门问题click.xml配置与页面显示问题 :报错

web.xml配置内容 <?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0&...
kun坤 2020-06-14 07:08:29 0 浏览量 回答数 1

问题

Apache Click框架入门问题click.xml配置与页面显示问题:配置报错 

web.xml配置内容 <?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" ...
kun坤 2020-05-31 22:48:15 0 浏览量 回答数 1

问题

Ajax createXMLHttpRequest(); is not defined(repeated 3 times)

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtll... &lt;html xml...
a123456678 2019-12-01 19:23:06 1373 浏览量 回答数 1

问题

用jquery写了个图片切换效果,想让鼠标悬停图片时候图片停止切换,没有悬停则自动切换

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&...
小旋风柴进 2019-12-01 20:16:44 1152 浏览量 回答数 1

问题

求助~单元格<td>样式,写到div上就出问题了?

我想要的效果如下 我实现的代码如下 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...
杨冬芳 2019-12-01 20:04:04 988 浏览量 回答数 1

问题

PHP的多级包含 并输出内容? 400 报错

PHP的多级包含 并输出内容? 400 报错 今天在研究TP2.0的源码 发现模板解析总是跟源HTML文件不一样 于是乎 一路跟踪 我发现PHP的多级包含有一个问题 如下:我的test1.php包含test2....
爱吃鱼的程序员 2020-06-01 13:47:12 0 浏览量 回答数 1

问题

zTree高度不正确问题,展开父级菜单后整个容器高度反而变小了,如何解决?? 400 报错

zTree高度不正确问题,展开父级菜单后整个容器高度反而变小了,如何解决?? 400 报错 @ztree   请求帮助,以下为测试代码:  <!DO...
爱吃鱼的程序员 2020-06-03 11:49:44 0 浏览量 回答数 1

问题

div层为什么没有被自动撑开

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...
a123456678 2019-12-01 19:31:45 854 浏览量 回答数 1

回答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <title>新建网页</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="#" /> <style> #fu{ width:600px; height:500px; background: gray; overflow: hidden; } #zi1{ width:300px; height: 400px; background: red; } #zi2{ width:300px; height: 400px; background: blue; position:absolute; bottom: -200px; } </style> </head> <body> <div id="fu"> <div id="zi1"></div> <div id="zi2"></div> <div id="zi3"></div> </div> </body> </html>
a123456678 2019-12-02 02:23:35 0 浏览量 回答数 0

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT