小编ari*_*iel的帖子

如何通过CSS制作不同高度和宽度的所有图像?

我正在尝试创建一个由产品照片组成的图像墙.不幸的是,它们都具有不同的高度和宽度.如何使用css使所有图像看起来大小相同?最好是100 x 100.

我正在考虑做一个高度和宽度为100px的div,然后是一些如何填充它.不知道怎么做.

我怎么能做到这一点?

html css resize image css3

67
推荐指数
4
解决办法
24万
查看次数

当另一个元素悬停时,如何从元素中删除盒子阴影效果?

结构体:

 <div class="box">
      <div class="inner_box">
      </div>
 </div>
Run Code Online (Sandbox Code Playgroud)

.inner_box有一个盒子阴影效果.当.box悬停时,我想从.inner_box中删除阴影效果.除了使用JQuery之外,还有其他方法可以做到这一点,最好是CSS3吗?

还请向我展示如何在JQuery中执行此操作的示例.谢谢!

html css jquery html5 css3

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

如何使用Pure CSS3绘制逼真流畅的狭缝阴影?

如何使用纯CSS制作类似下面的阴影效果?

暗影效果

我是CSS的新手.以下是我到目前为止所尝试的内容,但我无法接近我想要的内容.请告诉我如何让它看起来像图像中的阴影?谢谢!

box-shadow: 1px 1px 5px #999999 inset
Run Code Online (Sandbox Code Playgroud)

css css3

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

如何居中对齐包含浮动元素的div?

我需要inner_holder的宽度为960px,我需要它居中.我尝试使用宽度:960px和margin:0px auto但它不起作用.我怎样才能将div放在inner_holder内?

HTML:

<div class="parent_container">
    <div class="inner_holder">
        <div class="column column1">
            <div class="inner_clip"></div>
        </div>
        <div class="column column2">
            <div class="inner_clip"></div>
        </div>
        <div class="column column3">
            <div class="inner_clip"></div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.parent_container {
      height: auto;
      margin: 15px auto;
      min-height: 500px;
      width: 960px;
}
.column {
     float: left;
     margin-right: 50px;
}
.inner_clip {
    background-color: #333333;
    height: 250px;
    margin-bottom: 20px;
    width: 250px;
}
Run Code Online (Sandbox Code Playgroud)

html css css-float

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

如何保护$ _SERVER ['PHP_SELF']?

我使用下面的代码来控制分页.它正在使用,$_SERVER['PHP_SELF']所以我想知道它是否以这种方式安全,或者我需要做些什么来$_SERVER['PHP_SELF']保证安全?

<?php 

    if($rows > 10) {
        echo '<a id=nex href="'.$_SERVER['PHP_SELF'].'?pg='.($startrow+10).'">
        Next</a>';
    } 

    $prev = $startrow - 10;

    if ($prev >= 0) {
        echo '<a id=pex href="'.$_SERVER['PHP_SELF'].'?pg='.$prev.'">
        Previous</a>';
    }

?>
Run Code Online (Sandbox Code Playgroud)

php security validation

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

使用媒体查询时如何删除属性?

没有媒体查询我有这样的东西:

 .sample_div {
      left: 200px;
 }
Run Code Online (Sandbox Code Playgroud)

当我有 780px 媒体查询时,我想要执行以下操作:

 .sample_div {
      right: 300px;
 }
Run Code Online (Sandbox Code Playgroud)

问题是左侧显示在 780px 媒体查询中。我怎样才能在其中只显示右侧而不显示左侧?

css media-queries

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

如何在本地环境中通过CSS显示图像?

这很尴尬。我正在学习新事物,但很惊讶自己无法自行解决。

在桌面上,我有一个名为Test的文件夹,在其中有index.html一个名为CSS的文件夹,其中包含index.css一个名为image的文件夹,另一个名为的图像logo.png

在我的index.css文件中,有以下几行:

background: url("images/logo.png") no-repeat;
Run Code Online (Sandbox Code Playgroud)

使用上面的行,我无法在本地显示图像。我尝试使用/imagestest/images但是它不起作用。如果我在本地查看该如何显示?

html css local css3

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

如何防止直接访问PHP页面?

下面是我作为AJAX脚本的一部分使用的javascript片段.如何防止直接访问user_back_end_friends.php?我不希望人们能够访问domain.com/user_back_end_friends.php并查看朋友列表.

Javascript代码:

<script type="text/javascript">
    $(document).ready(function() {
        $("#user_friends").tokenInput("/user_back_end_friends.php", {
            theme: "sometheme", userid: "<?php echo $id; ?>"
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

这是我发现但不确定如何使用上面的javascript代码实现它:

我在需要调用它的页面中使用它:

$included=1;include("user_back_end_friends.php");
Run Code Online (Sandbox Code Playgroud)

当我必须阻止直接访问时,我使用:

if(!$included){ die("Error"); }
Run Code Online (Sandbox Code Playgroud)

但是如何在我的javascript代码中添加这个$ include部分脚本?

javascript php ajax token

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

为什么这个JQuery下拉插件只能在第一个下拉列表中运行?

我在下拉菜单中使用以下JQuery插件:

https://code.google.com/p/select-box/

我有4个下拉菜单,但该脚本仅适用于第一个.不知道我需要调整它以便在其他3上工作.

码:

<select name="question1" id="question_1">
     <option value="Yes">Yes</option>
     <option value="No">No</option>
</select>

<select name="question2" id="question_2">
    <option value="Yes">Yes</option>
    <option value="No">No</option>
</select>

<select name="question3" id="question_3">
    <option value="Yes">Yes</option>
    <option value="No">No</option>
</select>

<select name="question4" id="question_4">
     <option value="Yes">Yes</option>
     <option value="No">No</option>
</select>
Run Code Online (Sandbox Code Playgroud)

脚本:

<script type="text/javascript">
$(function () {
    $("#question_1").selectbox();
    $("#question_2").selectbox();
    $("#question_3").selectbox();
    $("#question_4").selectbox();
});
</script>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery drop-down-menu

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

除了第一个之外,我怎么能隐藏所有<h2>?

<h2>除了第一个,我怎么能隐藏所有的?

<div class="holder">
  <h2>SOme heading</h2>
  <h2>Some Heading<h2>
  <h2>Some Heading<h2>
  <h2>Some Heading<h2>
  <h2>Some Heading<h2>
</div>
Run Code Online (Sandbox Code Playgroud)

我很熟悉我们可以使用类似的东西:

p:nth-child(2)
{
  display:none;
}
Run Code Online (Sandbox Code Playgroud)

但不确定如何隐藏除第一个之外的所有内容.有人能指出我正确的方向吗?想要跨浏览器兼容的东西.

html css css3

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

如何使用JQuery选择元素并修改其内容?

我有以下结构:

<div class="button">
<a href="/" target="_blank" class="test">Photos</a>
</div>
Run Code Online (Sandbox Code Playgroud)

使用JQuery如何选择.button并从html中删除target ="_ blank"?

我能够通过遵循JQuery文档来到这里,但我是新的并且迷失了.

$('.button').html("<a href="/" class="test">Photos</a>");
Run Code Online (Sandbox Code Playgroud)

javascript css jquery

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