小编and*_*eas的帖子

在:: before伪元素上使用CSS转换

.posts .img-hover:before {
  content: '';
  display: block;
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  -moz-transition: opacity 1.2s ease;
  -ms-transition: opacity 1.2s ease;
  -o-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease-out;
}
.posts .img-hover:hover:before {
  content: '';
  display: block;
  background: url("img/Texture1.png");
  width: 320px;
  /* image width */
  height: 220px;
  /* image height */
  position: absolute;
  top: 13px;
  right: 2px;
  opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)
<div class="posts">
  <a href="#">
    <h2 class="postname"> 
         Travel Flashback #1 </h2>
  </a>
  <a class="img-hover" href="#">
    <img width="960" height="720" src="http://.." class="img-hover" alt="" …
Run Code Online (Sandbox Code Playgroud)

transactions css3 pseudo-element css-transitions

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

Typo3 8.3.1无法访问远程资源http://repositories.typo3.org/mirrors.xml.gz

我无法在TYPO3中更新扩展名列表.这是他给我的错误:

Could not access remote resource http://repositories.typo3.org/mirrors.xml.gz.
Run Code Online (Sandbox Code Playgroud)

我正在运行Windows 10.在XAMPP v3.2.2(PHP 7.0.9)上运行的TYPO3 8.3.1

我尝试了几件事,从编辑php.ini到编辑httpd.conf,但对我来说没什么用.

谢谢你的帮助!

php xampp typo3 windows-10

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

CSS Text-Shadow颜色

是否可以使text-shadow属性继承颜色?喜欢也许:

text-shadow: 1px 2px inherit;
Run Code Online (Sandbox Code Playgroud)

我知道这不行,但如果还有其他办法,请告诉我.

css inheritance css3

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

如何将图像置于div中间?

我需要将图像置于div的中间.

<div class="main">
    <img...>
</div>
Run Code Online (Sandbox Code Playgroud)

在下面的示例中,图像居中,但不在中间.

https://jsfiddle.net/web_garaux/tng7db0k/

html css position vertical-alignment css3

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

Google字体 - CSS - 某些字符不起作用

我已经将(in)着名的开放式sans导入我的CSS.一开始一切都很好.但是,今天我注意到一些角色(??ü)在Firefox中没有正确显示.它们在Internet Explorer和Chrome中运行良好,但它们被Firefox中的默认字体取代.

我在想,这应该是一个快速解决的问题.有任何想法吗?

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
 p {
  font-family: "Open Sans";
  font-size: 4em;
}
Run Code Online (Sandbox Code Playgroud)
<p>Example ??ü.</p>
Run Code Online (Sandbox Code Playgroud)

html css firefox html5 google-font-api

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

如何在不影响文本的情况下设置背景不透明度

我基本上试图创建这个:在此输入图像描述

添加了具有背景图像的父容器,然后添加了需要透明的子容器.

这是我的HTML:

<div class="scent-brand-contact">
    <div class="scent-brand-container">               
       <section id="black-studio-tinymce-8" class="widget-1 widget-first widget-odd widget widget_black_studio_tinymce">
            <div class="textwidget">
                <p>All our fragrances are developed in compliance with the International Fragrance Association ensuring strict adherence to safety purity and manufacturing standards.</p>
                <p>LEARN MORE ABOUT HOW SCENT BRANDING CAN BENEFIT YOUR BUSINESS</p>
            </div>
        </section>
        <section id="text-4" class="widget-2 widget-last widget-even widget widget_text">
            <div class="textwidget">
            <button type="button">contact us today</button>
            </div>
        </section>                    
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

而CSS:

.scent-brand-contact{
    position:relative;
    background-image: url(images/lemon.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height:380px;
} …
Run Code Online (Sandbox Code Playgroud)

html css html5 transparency css3

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

nth-child颜色错了

我试图使每个li使用不同的颜色nth-child(); 这是我的CSS:

header ul a:nth-child(1) {
    color: #8cf;
}
header ul a:nth-child(2) {
    color: #f8c;
}
header ul a:nth-child(3) {
    color: #8fc;
}
header ul a:nth-child(4) {
    color: #b9b;
}
header ul a:nth-child(5) {
    color: #c8c;
}
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

  <body>
<div id="main">
<header>
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="blog.html">Blog</a></li>
      <li><a href="forums.html">Forums</a></li>
      <li id="iamhere"><a href="instruction.html">Instruction</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>
Run Code Online (Sandbox Code Playgroud)

即使我在任何地方都没有紫色的参考,一切都是紫色的.

html css html5 css-selectors css3

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

WordPress 4.7 call_user_func_array()

更新至WordPress 4.7,并且在启用我的自定义插件之一时收到此错误:

( ! ) Warning: call_user_func_array() expects parameter 1 to be a valid callback, no array or string given in /home/vagrant/Sites/wordpress/wp includes/class-wp-hook.php on line 298
Run Code Online (Sandbox Code Playgroud)

我也启用了调试功能: 在此处输入图片说明

我不确定是什么问题,因为堆栈跟踪看起来很神秘。关于什么可能损坏了插件或如何诊断问题的任何建议?

php wordpress wordpress-4.7

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

除了一个元素之外,如何使页面"熄灭"

我不是真的在寻求我的代码帮助,我更想问,你是怎么做到的?

当你点击我的div时,屏幕会变黑,但是我希望我的div下面仍然显示为正常,但是剩下的区域会变黑.

function lightsout() {
  document.getElementById("lightsout").style.visibility = "visible";
}
Run Code Online (Sandbox Code Playgroud)
<div style="width:100px;height:100px;border:2px solid blue" onclick="lightsout()">Click Me</div>

<div id="lightsout" style="position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;visibility:hidden;">
Run Code Online (Sandbox Code Playgroud)

html javascript css position

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

css中的半角三角形,边界半径

我有这个带有css的半角三角形的代码,但是我需要在三角形的中点设置一个边框半径,就像图像一样:

width: 0;
height: 0;
border-style: solid;
border-width: 0px 30px 20px 0;
border-color: transparent #bde5ff transparent transparent;
border-top-left-radius: 2px;
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

任何的想法 ??

css css3 css-shapes

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