网页灰化,我的网站如何处理成灰化状态?(要最简便的方法,可以快速恢复。)

html-css09

网页灰化,我的网站如何处理成灰化状态?(要最简便的方法,可以快速恢复。),第1张

这个是通过CSS控制网页的,国家没规定这个必须强制执行的,这个是互联网行业自行组织的,不过还是有很多网站没这样做,这个都是站长的行为,没人会管理你是否换颜色!

具体实现方法是:

1、全站CSS代码

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)} 或 *{filter:graycolor:gray}

加在CSS文件中即可实现。

2、如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head>之间插入:

<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)} </style>

如果以上的不生效,是因为网站没有使用最新的网页标准协议,就用以下这个:

<!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">

请将网页最头部的<html>替换为以上代码。

3、有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:<param value="false" name="menu"/>

<param value="opaque" name="wmode"/>

4、最简单的把页面变成灰色的代码是在head 之间加:

<style type="text/css">

html {

FILTER: gray

}

</style>

5、一般的discuz论坛在你的控制css 文件下修改

CSS文件在论坛bbs/templates/您用的风格文件夹里的css_common.htm

其他方法同上。

获取标签内容使用element.attribute()方法获取dom元素的内容,如:dr = driver.find_element_by_id('tooltip')dr.get_attribute('data-original-title') 获取tooltip的内容dr.text 获取该链接的text获取标签属性link=dr.find_element_by_id('tooltip')link.value_of_css_property('color') 获取tooltip的CSS属性color的属性值link.find_element_by_tag_name('h3').value_of_css_property('font') 获取h3的CSS属性font的属性值获取标签状态是否显示:使用element.is_displayed()方法是否存在:使用find_element_by_xxx()方法,捕获其抛出的异常, 如果存在异常的话则可以确定该元素不存在text_field=dr.find_element_by_name('user').is_enabled() 直接用element.is_enabled()方法判断button,返回值为true,因为button是使用CSS方法判断是否有效这并不是真正的方法,需要判断其class中是否有值为disabled来判断是否真正处于disabled的状态dr.find_element_by_class_name('btn').is_enabled()是否被选中:一般判断表单元素,如radio或checkbox是否被选中,使用element.is_selected()方法radio.is_selected() 判断是否被选中try:dr.find_element_by_id('none')except:print 'element does not exist'是否有效:即是否为灰化状态,使用element.is_enabled()状态print text_field.is_displayed() 判断是否显示

jquery设置元素的readonly和disabled

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:

1.readonly

 

$('input').attr("readonly","readonly")//将input元素设置为readonly

$('input').removeAttr("readonly")//去除input元素的readonly属性

if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:

$('input').attr("readonly",true)//将input元素设置为readonly

$('input').attr("readonly",false)//去除input元素的readonly属性

$('input').attr("readonly","readonly")//将input元素设置为readonly

$('input').attr("readonly","")//去除input元素的readonly属性

2.disabled

$('input').attr("disabled","disabled")//将input元素设置为disabled

$('input').removeAttr("disabled")//去除input元素的disabled属性

if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

为元素设置disabled属性和取消disabled属性的方法还有如下两种:

$('input').attr("disabled",true)//将input元素设置为disabled

$('input').attr("disabled",false)//去除input元素的disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled

$('input').attr("disabled","")//去除input元素的disabled属性

总结:

Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

共同点:都不能编辑和获取焦点。

readonly:使用表单post或get传递时会被传递出去。

disable:使用表单post或get传递时不会被传递出去。

但是readonly的显示效果是没有灰化的。

所有控件都有disabled 属性,但是不一定有readonly属性;点击被readonly掉的按钮照样可以触发事件,但是被disabled掉的按钮就无法使用了不管上面有没有事件。

小技巧: 可以给readonly设置一个css样式:

style="background-color:#cccccc"

这样readonly的显示效果就和disable一样了

如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。

而readonly只是针对文本输入框这类可以输入文本的输入项,如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。