小编Kun*_*unj的帖子

当我应用font-weight:bold样式时,与其他浏览器相比,Safari中的字体外观过于大胆.我按照某些网站的建议尝试了下面的CSS,但它仍然是相同的.

text-shadow: #000000 0 0 0px;

文本呈现的屏幕截图:

铬

苹果浏览器

这是我的css声明:

p {

margin: 8px 5px 0 15px; 
color:#D8D2CE; 
font-size:11pt;  
letter-spacing:-1px; 
font-weight: bold;  
font-family: LektonRegular;  
}

@font-face {
font-family: 'LektonRegular';
src: url('myfonts/lekton-regular-webfont.eot');
src: url('myfonts/lekton-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('myfonts/lekton-regular-webfont.woff') format('woff'),
     url(myfonts/lekton-regular-webfont.ttf)  format('truetype'),
     url('myfonts/lekton-regular-webfont.svg#LektonRegular') format('svg');
font-weight: normal;
font-style: normal;

}

怎么解决这个问题？

我有一个奇怪的问题.在当前正在构建的网站上,我们通过jQuery插件Gallerific拥有一个库功能.画廊在模态窗口中打开.我需要的是将图像的最大宽度设置为765px.因此我设置了最大宽度:765px; 在我的CSS中.我知道我不是在IE6工作,但我不在乎.

奇怪的是,当我在兼容性视图,Firefox,Chrome,Safari和Opera中使用例如1400px宽,IE8的图像时,所有图像的宽度都缩小到765px - 但不是IE8!我无法弄清楚为什么这不起作用.

任何人都知道发生了什么,或者甚至更好,如何解决它？

非常感谢您的回答 - 谢谢!

此致,金

我试图使用百分比使用高度属性,但它不起作用.我想使用百分比,所以它在任何分辨率下看起来都很好.

<div id="bloque_1" style="height: 80%;background: red">   
</div>

我怎样才能使它工作？

我想添加新的obj JSON:

    "128": {
        "Msg": [{
            "me": "hi"
        }, {
            "user": "hello"
        }, {
            "me": "whtup"
        }]
    }

在存在的JSON对象示例中JSON:

{
    "188": {
        "Msg": [{
            "me": "hi"
        }, {
            "user": "hello"
        }, {
            "me": "ki chal riha hai"
        }]
    },
    "123": {
        "Msg": [{
            "me": "hi"
        }, {
            "user": "hello"
        }, {
            "me": "whtup"
        }]
    },
    "128": {
        "Msg": [{
            "me": "hi"
        }, {
            "user": "hello"
        }, {
            "me": "whtup"
        }]
    }

我正在尝试创建一个网站，该网站将随着页面向下滚动而继续向该页面添加视频播放器。尽管我担心页面上的大量视频播放器会导致网站滞后并导致网站速度下降。我认为在对网站进行某些测试时，我的速度变慢了。那么是否有可能检测到网站是否由于网络上的元素数量而变慢，所以我可以开始从页面顶部删除视频元素？

index.html:

window.onbeforeunload = function () {
    this.scrollTo(0, 0);
}

var content = document.getElementById("content"),
    timeout = undefined;

for (var x=0;x<50;x++) {
    var video = document.createElement("video");
    video.style.backgroundColor = "orange";
    video.poster = "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Big_buck_bunny_poster_big.jpg/220px-Big_buck_bunny_poster_big.jpg";
    video.src = "https://dash.akamaized.net/akamai/bbb/bbb_3840x2160_60fps_18000k.mp4";
    video.controls = true;
    content.appendChild(video);
}

window.addEventListener("scroll", function () {
    var $this = this;
    window.clearTimeout(timeout);
    timeout = setTimeout(function() {
        var content_margin_top = $this.innerHeight * 0.11;
        var last_player = content.children[content.querySelectorAll("video").length - 1]; 
        if (last_player.offsetTop - content_margin_top <= $this.scrollY) {
            for (var x=0;x<10;x++) {
                var video = document.createElement("video");
                video.style.backgroundColor …

然而它是一个基本的布局问题,可能有一个答案,但我找不到它,可能缺少一个合适的搜索字符串.在CSS的帮助下,是否可以在移动视图中将右侧div叠加在左侧div上？默认行为是左侧div下的右侧div浮动.

CSS:

.left {
    position: relative;
    float: left;
    background: #F48024;
    width:576px;
    height: 324px;
}
.right {
    position: relative;
    float: left;
    background: #EFF0F1;
    width:576px;
    height: 324px;
}

HTML:

<div class="main">
    <div class="left"></div>
    <div class="right"></div>
</div>

要了解它,请查看图表.我需要在此图中给出第3个布局.

我有一张图片<img src="/meAndMy/face.jpg" />.无论何时何地移动我的鼠标光标,我都试图获得RGB颜色.

我怎么能用jQuery或纯JavaScript做到这一点？例如:http://www.script-tutorials.com/demos/158/index.html

跟进(用于复制粘贴测试):

<?=$this->headScript(); ?>
<script>
$(document).ready(function()
{

   var image = new Image();
   var ctx = $('#panel')[0].getContext("2d");

   /* Load the picture empty.jpg */
   image.onload = function () 
   {
     ctx.drawImage(image, 0, 0, image.width, image.height);
   }
   /* How can i reload later new?
      image.empty; */
   image.src = "/agents/empty.jpg";

   /* On mouse over to my image, show me the background with RGB  
      change mousemove to click if requires */
   $('#panel').mousemove(function(e) 
   { 
    /* Leave as it is …

我正在尝试优化一个小网站,我现在正在研究CSS.

我们举个例子index.php.我已经先加入做到了标准的方式<link rel="stylesheet" href="style.css">在<head>我的HTML输出.

谷歌PageSpeeds然后抱怨渲染阻止文件.

然后我尝试了另一种方法,而不是<link>上面的标记,我在以下内容中添加了<head>:

<style>
    <?php include 'style.css';?>
</style>

这有效地给了我一个内部CSS,同时仍然方便我的所有页面都有一个文件.我没有渲染阻止文件,PageSpeed似乎更快乐.

这里有什么明显的缺点吗？我应该像Google PageSpeed一样快乐吗？

我child.html有一个可以使用脚本单击的按钮，$('[value="Submit"]').click(); 我想从中调用它parent.html

像这样的东西：

var popUp = window.open('https://child.html'); popUp.$('[value="Submit"]').click();//这条线应该是固定的

怎么可以这样呢？

我在 Vue 中以这种方式使用了样式绑定：

v-bind:style="{'width': + width + 'px', 'left': + x + 'px', 'top': y + 'px'}"

当我需要绑定多个条件类时，我使用了以下语法但它不起作用！

v-bind:class="{(position)?position:'', (direction)?direction:''}"

还有其他方法可以应用多个类吗？单个类（没有 {}）有效。

这是小提琴：

https://jsfiddle.net/kunjsharma/o0kL7myt/