我正在尝试创建一个由产品照片组成的图像墙.不幸的是,它们都具有不同的高度和宽度.如何使用css使所有图像看起来大小相同?最好是100 x 100.
我正在考虑做一个高度和宽度为100px的div,然后是一些如何填充它.不知道怎么做.
我怎么能做到这一点?
结构体:
<div class="box">
<div class="inner_box">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
.inner_box有一个盒子阴影效果.当.box悬停时,我想从.inner_box中删除阴影效果.除了使用JQuery之外,还有其他方法可以做到这一点,最好是CSS3吗?
还请向我展示如何在JQuery中执行此操作的示例.谢谢!
如何使用纯CSS制作类似下面的阴影效果?

我是CSS的新手.以下是我到目前为止所尝试的内容,但我无法接近我想要的内容.请告诉我如何让它看起来像图像中的阴影?谢谢!
box-shadow: 1px 1px 5px #999999 inset
Run Code Online (Sandbox Code Playgroud) 我需要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) 我使用下面的代码来控制分页.它正在使用,$_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) 没有媒体查询我有这样的东西:
.sample_div {
left: 200px;
}
Run Code Online (Sandbox Code Playgroud)
当我有 780px 媒体查询时,我想要执行以下操作:
.sample_div {
right: 300px;
}
Run Code Online (Sandbox Code Playgroud)
问题是左侧显示在 780px 媒体查询中。我怎样才能在其中只显示右侧而不显示左侧?
这很尴尬。我正在学习新事物,但很惊讶自己无法自行解决。
在桌面上,我有一个名为Test的文件夹,在其中有index.html一个名为CSS的文件夹,其中包含index.css一个名为image的文件夹,另一个名为的图像logo.png。
在我的index.css文件中,有以下几行:
background: url("images/logo.png") no-repeat;
Run Code Online (Sandbox Code Playgroud)
使用上面的行,我无法在本地显示图像。我尝试使用/images,test/images但是它不起作用。如果我在本地查看该如何显示?
下面是我作为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部分脚本?
我在下拉菜单中使用以下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) <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)
但不确定如何隐藏除第一个之外的所有内容.有人能指出我正确的方向吗?想要跨浏览器兼容的东西.
我有以下结构:
<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)