小编Gre*_*reg的帖子
在链接悬停时在CSS过渡上应用Border-Bottom
我希望在链接悬停时显示一条虚线（平滑过渡）。我尝试了以下方法，但没有成功。有什么问题 非常感谢，
参见http://jsfiddle.net/94w8xb3a/1/
article p {
margin-bottom: 1.1em;
font-size: 16px;
}
article a:link, article a:visited {
text-decoration: none;
color: #9EB63C;
font-weight: 300;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
-webkit-transition:border-bottom .5s;
-moz-transition:border-bottom .5s;
-ms-transition:border-bottom .5s;
-o-transition:border-bottom .5s;
transition:border-bottom .5s;
}
article a:hover, {
text-decoration: none;
color: #9EB63C;
font-weight: 300;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
border-bottom: 1px dotted #10425E;
-webkit-transition:border-bottom .5s;
-moz-transition:border-bottom .5s;
-ms-transition:border-bottom .5s;
-o-transition:border-bottom .5s;
transition:border-bottom .5s;
}
3
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
页面正文中的最小宽度不起作用
我在我的网站上设置了 767px 的最小宽度，以避免在智能手机上查看网站时缩小所有内容。问题是它似乎没有被考虑在内（见下面的截图）知道为什么吗？非常感谢
CSS：
html,
body {
height: 100%;
min-width: 767px;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
background: url('../images/background-produits.jpg')no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Open Sans';
font-size: 16px;
font-weight: 300;
line-height: 1.38;
color: rgb(71, 64, 50);
}
3
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
CSS图像居中不起作用
我试图使用margin-left和margin-right auto水平居中图像(forces.png),但图像保持左对齐.我的网站是http://goo.gl/cHO1u 我正在使用的代码有什么问题？谢谢
HTML:
<div class="section" id="presentation">
<div id="presentation-highlevel">
<p>NOTRE ENTREPRISE</p>
<p>ddfdsfdsfdsfdsjfl dfljdsfdsfjdsjfdlksj dfljdslfjldsjflkdsjflsjfdls ldf,dlsmjfdsjfsdmfjdmsjfms dfmdsfjmdsjfmdsjfmdsjfdlms mkdfmksdmfkdmsfkdsfdsmfkmldskf dfmdmkfmdkfmdlskf dfkdmfkdmkfmdskf dfmkdsmfkdsmkfmdskfdms dskfdsmkfdsmkfmdsfkd </p>
</div>
<div id="presentation-highlights"><img src="images/forces.png" alt="Picture" /></div>
</div><!--END page1-->
CSS:
#presentation
{
height:1300px;
background:#afc9ff;
background: url(../images/norway-landscape60.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#presentation-highlights
{
width: 100%;
display: block;
margin-left:auto;
margin-right:auto;
}
2
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
继续在javascript中播放动画
我想实现的东西像这样(在指示用户需要向下滚动的标题图片的底部衰落动画箭头).为此,我打算使用下面的代码.问题是动画只播放1倍,而我希望它能连续播放(以不会占用太多资源的方式播放).见http://jsfiddle.net/ZN3aD/
$('.icon').css('display', 'block');
$('.icon').animate({ opacity: 1 }, 0);
$('.icon').animate({ opacity: 0, top: "100px" }, 'slow');
2
推荐指数
推荐指数
1
解决办法
解决办法
93
查看次数
查看次数
在活动菜单项的左侧添加一个点
我正在使用带有垂直导航菜单的WordPress主题.我想在活动菜单项的左侧添加一个彩色圆点,如下图所示.我怎么能这样做？下面是控制活动菜单项的CSS代码.
.vertical_menu_toggle .second .inner ul li.current_page_item a {
}
2
推荐指数
推荐指数
1
解决办法
解决办法
1385
查看次数
查看次数
页脚放置不正确（未采用全宽）
我希望页脚占据页面的整个宽度，但由于某种原因，当我在 safari 中预览时它不起作用（在 Dreamweaver 中看起来不错）。怎么了？我希望将其放置在页面底部并占据整个宽度。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Liveweave
</title>
<!-- Place cursor after this and select a
JavaScript library from the menu above -->
<!-- Supports context-sensitive CSS3 auto-completion -->
<!-- Style starts here. Try adding new CSS tags. -->
<style type="text/css">
@charset"UTF-8";
/* CSS Document */
Html, body {
padding: 0;
margin: 0;
height: 100%;
font-family: Tahoma, Geneva, sans-serif;
background: rgb(255,255,255);
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' …1
推荐指数
推荐指数
1
解决办法
解决办法
5236
查看次数
查看次数
在装载时向上滑动DIV,然后单击向下滑动
我希望我的"newsbox"div在页面加载时从页面底部向上滑动到页脚上方(稍微延迟)然后如果用户点击"newsClose",我希望DIV向下滑动.尝试了一些但没有成功(对js没有任何了解) - 感谢您的帮助
JSFiddle:http://jsfiddle.net/7whAs/
JS
$(document).ready(function() {
jQuery('#newsbox').delay(2000).slideDown();
jQuery(function() {
jQuery('.newsClose').click(function (e) {
e.preventDefault();
jQuery('#newsbox').slideUp();
});
});
HTML
<div id="newsbox">
<div class="news-text">
<p>Blablablablabla blablabla blablabla <a href="index.html">Blabla blabla</a></p>
</div>
<div class="news-close">
<a href="#" class="newsClose">Close X</a></div>
</div>
</div>
CSS
#newsbox {
background-color: #CCC;
display:none;
width: 750px;
z-index: 10000;
float: left;
position: fixed;
bottom: 45px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.news-text {
float: left;
width: 600px;
}
.news-text p {
color: #666666;
font-family: Arial, Helvetica, …1
推荐指数
推荐指数
1
解决办法
解决办法
4283
查看次数
查看次数
无论文本的宽度是多少,都要在H1文本旁边放置一张图片
正如您在下面的图片中看到的那样,我在H1文本的头部放置了一个箭头图像.我通过使用右边和右边的边距来做到这一点.这是有效的,但问题是,如果我修改H1文本,那么我将不得不再次使用右边距.有没有办法将箭头放在H1文本的末尾,无论文本的宽度是多少？非常感谢,
<div class="block">
<h1><span>H1 HEADER EN UIUIUIU MOTS</span> KKJKJJKJJKJKJdJKJJK</h1><img class="arrow" src="images/arrow-down.png" alt="arrow">
</div>
<div class="block clear fish shadow">
</div>
CSS:
.block {
display: block;
clear: both;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
width: 980px;
}
.arrow{
margin-right: 290px;
float: right;
margin-top: -45px;
}
1
推荐指数
推荐指数
1
解决办法
解决办法
309
查看次数
查看次数
DIV - 替代背景图像
我没有实现滑块插件,而是想使用CSS/jquery来交替DIV的背景图像(fadein/fadeout或slide effect).目前我的代码如下:
HTML
<div class="block backpic">
</div>
CSS
.block {
display: block;
margin-right: auto;
margin-left: auto;
clear: both;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
width: 100%;
overflow: hidden;
}
.backpic {
height: 638px;
background-image: url(../images/picture1.jpg);
background-size: cover;
}
我该怎么做才能将picture1与第二张图片交替？非常感谢您的帮助
1
推荐指数
推荐指数
1
解决办法
解决办法
3676
查看次数
查看次数
使用PHPMailer和html模板发送HTML电子邮件
我正在尝试从我的联系人(使用PHPMailer)发送的电子邮件中发送一个漂亮的html模板(实际上是phtml).
什么有效:我收到了html模板,因此没有传输问题
什么是不工作:变量(短信,电话号码等)都不会反映在我的HTML模板的身体.我已经试过几件事情在HTML模板,没有成功:<?= htmlspecialchars($message) ?>和#message#和<?php echo$_POST['message'] ?>
有什么问题？
谢谢,
这是PHPMailer代码:
<?php
require 'PHPMailer/PHPMailerAutoload.php';
$mail = new PHPMailer;
$mail->CharSet = 'utf-8';
$body = file_get_contents('htmlemail.phtml');
//Enable SMTP debugging.
$mail->SMTPDebug = false;
//Set PHPMailer to use SMTP.
$mail->isSMTP();
//Set SMTP host name
$mail->Host = "smtp.sendgrid.net";
//Set this to true if SMTP host requires authentication to send email
$mail->SMTPAuth = true;
//Provide username and password
$mail->Username = "";
$mail->Password = "";
//If SMTP requires TLS encryption then …1
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
将我的所有.js分组到一个文件中 - 好主意？
我的网站上有几个脚本.将它们全部分组到一个文件中是否有意义？或者最好将它们分开？
0
推荐指数
推荐指数
1
解决办法
解决办法
862
查看次数
查看次数
隐藏/显示 DIV - 将当前效果更改为淡入淡出
我目前正在使用以下网络教程中的代码来显示/隐藏 DIV。它工作得很好，但不喜欢效果。希望 DIV 淡入/淡出（或者更平滑的东西，目前 DIV 从右上角开始增长）。我怎样才能修改代码来做到这一点？你可以在这里看到它http://jsfiddle.net/Grek/w4HWn/1/非常感谢
function showonlyone(thechosenone) {
$('.textzone').each(function(index) {
if ($(this).attr("id") == thechosenone) {
$(this).show(2000);
}
else {
$(this).hide(2000);
}
});
}
0
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
新手jquery语法错误
你能告诉我这行代码有什么问题吗？(返回错误).谢谢
jQuery('.menu').slideDown(1000, 'easeOutQuad', function();
完整代码是:
script type="text/javascript">
$(document).ready(function() {
$('blockquote').quovolver();
});
$(document).ready(function() {
jQuery('.menu').slideDown(1000, 'easeOutQuad', function();
jQuery('#newsbox').delay(2000).slideDown();
jQuery('.newsClose').click(function (e) {
e.preventDefault();
jQuery('#newsbox').slideUp();
});
});
</script>
-1
推荐指数
推荐指数
1
解决办法
解决办法
93
查看次数
查看次数