小编Zhi*_*hao的帖子

在IE中使用伪类检查元素

我正在寻找一种方法来检查:hover从IE中使用伪类(例如)设置样式的元素.

我可以使用Firebug HTML样式下拉列表在Firefox中执行此操作,该下拉列表允许浏览器将伪类应用于所选元素:

在此输入图像描述

我也可以通过切换元素状态在Chrome中执行此操作:

在此输入图像描述

但是,我还没有找到与IE开发人员工具类似的选项.我尝试过使用Firebug Lite,但Firefox中出现的相同选项似乎不属于Lite版本.

有没有办法将伪类应用于IE中的元素(类似于Firefox和Chrome),以便我可以看到它是如何被设置样式,或者在IE中观察伪类样式?

css debugging internet-explorer pseudo-class

12
推荐指数
2
解决办法
3750
查看次数

响应式网页设计和调整图像大小

Repsonsive网页设计在大多数html元素上运行得很好,除了图像.我觉得它很乱.调整视口大小时,不能在图像上使用调整大小百分比,因为它将采用父元素的宽度和高度.你需要为图像设置固定的宽度和高度......或者我错过了什么?

那么你究竟如何做一个响应式设计,其中包含容器元素/父级将超出其原始宽度并缩小到其原始宽度以下的图像?

谢谢

html css image responsive-design

11
推荐指数
1
解决办法
2万
查看次数

为什么使用"javascript:<code>"不好?

可能重复:
您是否需要在onclick中指定javascript:

要在DOM事件上执行JavaScript,您可以使用以下内容:

<div onclick="alert('Alert');">Alert</div>?
Run Code Online (Sandbox Code Playgroud)

这样的东西似乎也有效:

<div onclick="javascript: alert('Alert');">Alert</div>?
Run Code Online (Sandbox Code Playgroud)

但是,我听说第二个例子是"坏",第一个例子应该在第二个例子中使用.

这不好吗?如果是这样,为什么这么糟糕?alert('Alert')和之间有什么区别javascript: alert('Alert')

如何在<a>标签中使用它(如果它有任何不同)?

<a href="javascript: alert('Alert');">Alert</a>
Run Code Online (Sandbox Code Playgroud)

编辑:为了澄清,我特别询问该javascript:部分,而不是我如何将内联JavaScript与我的标记混合在一起.对此感到抱歉.

html javascript

9
推荐指数
1
解决办法
361
查看次数

如何在JSP中使用Google Map Api?

我正在关注Google Map API网页中的示例代码,该网页使用JavaScript和HTML.HTML示例工作正常,但在JSP中使用JavaScript源创建Google地图不起作用.

  <%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script
    src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是他们的文档.如何在JSP Source中使用Google Api v3?

javascript jsp google-maps google-maps-api-3

8
推荐指数
1
解决办法
2万
查看次数

如何检查jquery中变量中是否存在字符串

我有变量之类的

var myVar = "The man is running"

pattern = "run"

我想通过jquery检查它是否包含单词"run"

喜欢

if($(myVar).(:contains(pattern)))
return true
Run Code Online (Sandbox Code Playgroud)

这可能吗

javascript

5
推荐指数
2
解决办法
3万
查看次数

fieldset元素的name属性有什么作用?

我理解a的一般语义<fieldset>,以及如何使用namea上的属性<fieldset>为一组输入赋予意义.在W3维基拥有一批具有这方面的例子.

但是,我不明白提交表单时元素的name属性是<fieldset>什么.根据MDN,name提交表格数据.W3C还提到它是元素的名称,用于表单提交.

在a上尝试name属性时<fieldset>,我看不到它与其余的表单数据一起提交.我不清楚它是否有语义之外的任何用途.

元素的name属性是否<fieldset>应该与表单数据一起提交?如果是这样,它有价值吗?它有什么作用?

html html5

5
推荐指数
1
解决办法
1135
查看次数

添加位置相对后,整个站点向下移动

在为fadeIn编号img加载jquery之前

加载thr jquery后为FadeIn编号img

加载包含一些jquery的数字图像后,整个站点向下移动.

可能是因为position:relative我正在使用?忽略2px border我为某些元素插入的内容.我想检查元素所包含的区域.

注意:

食物的大图像与图像滑块 - 硬币滑块有关.

页脚没有显示在我拍摄的屏幕截图中.

HTML:

<!doctype html>

<html>

    <head>
            <meta charset="UTF-8"/>
            <title> Foodstant Delivery </title>

        <link rel="stylesheet" type="text/css" media="screen" href="testCSS.css" />
        <link rel="stylesheet" type="text/css" href="coin-slider/coin-slider-styles.css"  />

        <script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
        <script src="jqfloat/jqfloat.js"></script>
        <script type="text/javascript" src="coin-slider/coin-slider.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {
                $('#coin-slider').coinslider({ width:900, navigation: true, delay: 3000, hoverPause: true, effect: 'random' });

                $('#numb1').hide().delay(800).fadeIn('normal');

            });
        </script>

    </head>
<body>

    <div id="container">
        <div id="numb1">    
                <img src="images/number4.png" />
            </div> 

        <figure id="logo"> 
            <img src="images/logo23.png" alt="Foodstant Delivery logo" width="" height="" /> …
Run Code Online (Sandbox Code Playgroud)

html css

1
推荐指数
1
解决办法
910
查看次数